OGタグを入力してプレビュー

og:title（タイトル） 0 / 60文字
  <div class="og-field">
    <div class="og-label">
      <span>og:description（説明文）</span>
      <span class="og-counter" id="og-desc-count">0 / 155文字</span>
    </div>
    <textarea id="og-desc" rows="3" placeholder="SNSシェア時に表示される説明文（推奨: 155文字以内）"></textarea>
  </div>

  <div class="og-field">
    <div class="og-label"><span>og:url（ページURL）</span></div>
    <input type="url" id="og-url" placeholder="https://example.com/my-page">
  </div>
</div>

<div class="og-col">
  <div class="og-field">
    <div class="og-label"><span>og:image（画像URL）</span></div>
    <input type="url" id="og-image" placeholder="https://example.com/og-image.png">
    <div class="og-dim-result" id="og-dim-result"></div>
  </div>

  <div class="og-field">
    <div class="og-label"><span>og:type（種別）</span></div>
    <select id="og-type">
      <option value="website">website</option>
      <option value="article">article</option>
      <option value="product">product</option>
      <option value="profile">profile</option>
      <option value="video.other">video.other</option>
    </select>
  </div>

  <div class="og-field">
    <div class="og-label"><span>twitter:card</span></div>
    <select id="og-twcard">
      <option value="summary_large_image">summary_large_image（大画像）</option>
      <option value="summary">summary（小画像）</option>
      <option value="app">app</option>
      <option value="player">player</option>
    </select>
  </div>

  <div class="og-field">
    <div class="og-label"><span>twitter:site（任意）</span></div>
    <input type="text" id="og-twsite" placeholder="@yourusername">
  </div>
</div>

事業の請求書・経費管理もかんたんに

freee会計なら、請求書作成・経費精算・確定申告までクラウドで一元管理。無料トライアル実施中。 freeeを無料で試す →

関連ツール

メタタグ生成 → メタタグ生成ツール プレースホルダー画像 → プレースホルダー画像生成

確定申告・会計をもっとラクに？ freee会計 なら、フリーランスの経費管理もクラウドで簡単。まずは無料で試してみましょう。