無料ツール|ホームページ
OGPチェッカー
URLを入れると、LINE・X・Facebookでシェアしたときの画像とタイトルの表示を再現し、不足している設定を確認します。
LINE・X・Facebookの表示プレビュー
見え方は、ページの設定をもとに再現したものです。アプリのバージョンや端末によって、文字の切れ方などが少し変わります。
シェア画像のサイズ診断
OGP設定の診断結果
次の改善施策
自動の診断では判定できない、次に取り組みたい施策です。
記事ごとのシェア画像
トップページと同じ画像を全ページで使うより、記事やページごとに内容がわかる画像を用意すると、タイムラインで目を止めてもらいやすくなります。
画像へのタイトルの記載
シェア画像にページのタイトルを入れると、タイトル文字が小さく表示されるSNSでも内容が伝わります。
公開時の表示確認
ページの公開・更新時に、Facebookのシェアデバッガーなどで表示を確認する運用にすると、古い画像のままシェアされることを防げます。
ご相談は1時間まで無料です
シェア用の画像づくりや、ページごとの設定もお手伝いします。ブログ記事や採用ページを、シェアされたときに選ばれる見え方に整えます。結果の見方から対応の進め方まで、1時間まで無料で対応します。
診断項目と推奨設定
CHECK LIST
- タイトル・説明文
- シェアされたときに表示されるタイトルと説明文(og:title・og:description)です。未設定の場合は、ページのタイトルと説明文が代わりに使われます。
- 画像
- シェアされたときに表示される画像(og:image)です。大きさ・横:縦の比率・形式・容量を、下の推奨値と照らし合わせます。
- Xでの表示
- Xで画像を大きく表示するか、小さく表示するかの設定(twitter:card)を確認します。
- URL・サイト名
- ページの正式なURL(og:url)と、サイトの名前(og:site_name)が設定されているかを確認します。
シェア画像の推奨サイズ
| 表示先 | 推奨サイズ | 横:縦 | 最小サイズ |
|---|---|---|---|
| Facebook・LINE | 1200 × 630px | 1.91:1 | 600 × 315px(大きな画像で出す場合) |
| X(summary_large_image) | 1200 × 630px | 1.91:1 | 300 × 157px |
| X(summary) | 画像の中央を正方形に切り取り | 1:1 | 144 × 144px |
- 形式はJPEGかPNG、容量は1MB程度までがおすすめです(SVGは多くのSNSで表示されません)。1枚の画像ですべてのSNSに対応させる場合は、1200 × 630px で作成し、文字やロゴを中央の630 × 630pxの範囲に収めると、正方形に切り取られても欠けません。
- LINE・X・Facebookは、一度読み込んだOGPの情報をそれぞれのサーバーに一定期間キャッシュ(保存)します。設定を直してもすぐには反映されないため、Facebookはシェアデバッガー、LINEはPagePokerで再取得してください。Xには再取得の機能がないため、反映まで数日かかることがあります(URLの末尾に「?v=2」などを付けると、別のURLとして新しく読み込まれます)。
- 公開されているページの情報だけを読み取ります。入力したURLと結果は保存しません(同じURLを続けて調べた場合に備えて、結果を30分間だけ一時保存します)。
お役立ち資料・記事
RESOURCES
ご検討や社内での準備に役立つ資料と記事です。資料はすべて無料でダウンロードできます。
問い合わせを増やすための ホームページを見直す10のこと
ホームページの更新を続けるために 社内で決めておく6つのルール
サービスの特徴がわかる 会社概要資料
その他の無料ツール
TOOLS
- ホームページ検索結果シミュレーターページのタイトルと説明文を入れると、Googleの検索結果でどう見えるか、途中で切れないかをパソコンとスマホで確認できます。使ってみる
- ホームページAI検索対応診断(LLMO診断)URLを入れると、ChatGPTやGoogleのAIによる概要などに引用されるための土台(クローラーの許可・本文の読み取りやすさ・情報の信頼性)を100点満点で採点します。使ってみる
- 保守・運用サイト診断チェッカーURLを入れるだけで、SSL・PHP・WordPressのバージョン、スマホ対応、検索の設定などをまとめて確認できます。使ってみる
- 保守・運用サイトリニューアルチェッカーURLを入れると、安全性・スマホ対応・表示速度・更新状況などを100点満点で採点し、リニューアルを検討すべき時期の目安を示します。使ってみる
- 保守・運用保守費用シミュレーター今の保守契約の費用と作業内容を入れると、デボートの保守に切り替えたときの費用の差と、任せられるようになる作業を比べられます。使ってみる
- 採用求人原稿のNG表現チェッカー求人の文章を貼りつけると、性別や年齢を限る表現、誤解を招きやすい書き方に印を付けます。使ってみる
- 採用採用コスト計算機広告費や紹介手数料、応募数・採用数を入れると、採用単価や定着率、早期離職による損失の目安を計算します。使ってみる
- 採用採用ページ診断採用ページのURLを入れると、仕事内容・給与・1日の流れ・社員の声など、求職者が知りたい情報がそろっているかを100点満点で採点します。使ってみる
- 採用求人原稿ジェネレーター職種・給与・勤務地などを入れると、職業安定法で明示が必要な項目を押さえた求人原稿のひな形を作ります。使ってみる
- 採用採用ペルソナシート質問に答えていくと、求める人物像(採用ペルソナ)を1枚のシートにまとめられます。印刷・PDF保存して社内で共有できます。使ってみる
- Shopify・ECShopify費用シミュレーター月商と決済方法を入れると、Shopifyのプランごとの月額費用と手数料を比べられます。使ってみる
- Shopify・ECEC利益シミュレーター販売価格・原価・送料・手数料・広告費を入れると、1件あたりの利益と利益率、黒字になる月の販売数を計算します。使ってみる
- Shopify・ECShopify移行シミュレーター今のカートの費用と月商を入れると、Shopifyに移ったときの費用の差と、移るメリット・移行で必要な作業を確認できます。使ってみる
- Shopify・ECECストア判定URLを入れると、そのネットショップがShopify・MakeShop・BASEなど、どのECプラットフォームで作られているかを、判定の根拠と一緒に調べます。使ってみる
お問い合わせ
CONTACT US
会社資料ダウンロード
無料でダウンロードできる
資料をご用意しています。
他社様と比較したり社内で検討したり、
さまざまな場面でご利用ください。
お問い合わせ・ご相談
ウェブサイト制作や
ご依頼に関することなら
お気軽にご相談ください。
初めてのお問い合わせでの
お見積もり依頼も大歓迎です。