【最適化】あなたの大事なサイトは「OGP」が設定されていますか？

投稿日:2022-05-22

こんにちは。PEPの島です。

弊社は創業時からOA事業や教育事業以外にも「ホームページ制作」サービスをご提供しており、SEO対策・スマホ対応のレスポンシブコーディング・集客対策用・名刺代わりのWEBサイトなど

過去に様々なホームページを格安料金で制作いたしました。

詳しい実績については弊社の「制作実績ページ」をご覧ください。

そんな本日はWEBサイトにおいて今や必須といわれる「OGP」についてご紹介をさせていただきます。

今回の記事では下記3点についてピックアップをさせていただきました。

それでは上から順に解説をしていきます。

OGPとは？

まず結論からお伝えしますとOpen Graph Protcolの略で、FacebookやTwitterなどのSNSでシェアした際に、Webページのタイトルや概要、イメージ画像、URL含めた詳細情報を正しく伝えるためのHTML要素のことです。

例えば弊社のコーポレートサイトでいえば上記がOGPになりますね。このOGPを設定すれば、共有されたときにユーザーへの訴求力が高まり、フィード上あるいはウォール上でWebページの内容を伝えることができます。

まず端的にお伝えしますと、OGPを正しく設定すれば、リンク先のWebページの内容をユーザーにわかりやすく伝えられることができ、拡散される可能性が高まります。

前もってサムネイルとタイトルや紹介文が表示されているサイトとされていないサイトだと、安心安全でもっと見ようと思うのは断然前者ですよね。

TwitterやFacebookなどのSNSのクローラーがOGPを認識できず、SNSのクローラーが自動的にWebページ内の情報を抽出するようになります。

そうなると自動的に抽出される概要や画像が不適切なものになりやすかったりして不適切なWebページの情報が自動的に抽出された状態になってしまう場合があります。

この状態の内容が、SNSのタイムライン上に共有されれば、ユーザーの興味関心を最大限引きことができませんし、訴求力が低くなってしまうわけですね。

WEBページがSNS上でシェアされた際にどのように表示されるかエラーがないか確認することができます。

設定したページのURLを入れ「デバッグ」ボタンを押すと、現在設定されているOGPのタグ情報が表示されユーザーからどのように見えているのか確認をすることができます。

Twitter上でツイートされた際の表示結果を確認することができます。

Facebookと同じで、設定したページのURLを入力し「preview card」を押すと、Twitter上でどのように表示されるか見ることができます。
Card Validator | Twitter Developers

中にはOGP設定料などの項目で費用をとっている制作会社もありますが、弊社では全て制作費の中で対応をさせていただいております。

気になった方は是非弊社のお問い合わせフォームよりご相談ください！

いかがでしたでしょうか？

本日はWEBサイトにおいて今や必須といわれる「OGP」についてご紹介をさせていただきました。

改めて今回の記事では下記3点についてピックアップをさせていただきました。

これらのようにPEPでは設立当時からお客様と一緒にサイトの評価を強くしていき「活きたホームページ作り」をしていきたいという想いがあり、お客様の会社のパートナーとして、お客様の会社の繁栄のため、少しでも手助けできればと考えています。

これらの検索ワードで弊社のコンテンツにたどり着いた方も多くいらっしゃると思います。

格安でご提供しておりますので、気になった方はぜひお気軽に弊社のお問い合わせフォームよりご相談ください！