お問合せ先 無料見積もり

APRICOT DESIGN BLOG

そのホームページ、SNS用に重要な設定してありますか?

UPDATE : 2017.01.12

アプリコットデザインのブログ

OGP設定について
ホームページですばらしい商品や、コンテンツを扱っているとfacebookなどSNSでシェアされることがありますよね。

そうした時、ホームページはSNS用に設定はされているでしょうか?

せっかくシェアしてもらったのに情報がうまく伝わらなければもったいないですよね。

今回はそんなSNSに向けて設定する項目について紹介したいと思います。

SNSでシェアされた時のためのOGP設定

Facebook、mixi、Google+など、SNSでシェアされた際に記事のサムネイルやタイトル、URLなどを正しく表示されるようにするために設定するコードの事です。

OGPとはOpen Graph protocolの略称です。
簡単に言うと「このウェブページは○○を紹介しているんだよ!」と説明してくれるコードです。

このコードを設定する事によってSNSで画像、タイトルなどが目立つように表示されるためシェアしてもらった時によりクリック率がアップします。

OGP設定項目

OGPコードはホームページのheadの中に記述するだけで実装する事が出来ます!

headのタイトルの下ぐらいに記述して行きましょう。
コードは以下のように記述して行きます。


<meta property="og:title" content="ページのタイトル" />
<meta property="og:type" content="ページの種類" />
<meta property="og:url" content="ページのURL" />
<meta property="og:image" content="サムネイル画像のURL" />
<meta property="og:site_name" content="サイト名" />
<meta property="og:description" content="ページのディスクリプション" />

<!-- Facebook用設定 -->
<meta property="fb:app_id" content="App-ID(15文字の半角数字)" />

<!-- ※Twitter共通設定 -->
<meta name="twitter:card" content="Twitterカードの種類" />

og:title

SNS用に設定の出来るタイトルタグになります。
通常は

<title>ホームページのタイトル</title>
のタイトルタグを読みますが、SNSを変えたい場合は設定しましょう。

og:type

ページの種類を設定します。
websiteだったり、blog、videoなど設定して行きます。

詳しくはこちら → http://ogp.me/#types

og:url

ページのURLを設定します。
アプリコットのホームページであれば

<meta property="og:url" content="https://apricot-design.com/2019" />
となります。

og:image

SNSに表示される画像を指定することが出来ます。
特に関連する物でなくても、指定する事で様々な画像に変更可能です。

og:site_name

ホームページの名前を記載します。

アプリコットであれば、

<meta property="og:site_name" content="APRCOT DESIGN" />
と記載します。

og:description

そのページの説明文を記載します。
牛丼屋さんであれば

<meta property="og:description" content="安くて、早くて、うまい!スタミナの出る牛丼屋!" />
のように記載します。

fb:app_id

facebookにサムネイルや記事の説明を表示させるための設定をしています。
facebookでは表示させるためには必須の項目になりますので必ず設定しましょう!!

twitter:card

twitterでサムネイルや記事の説明を表示させるための設定をしています。

設定されると、その記事のタイトル、記事の抜粋分などが分かりやすくしっかりと表示されます。

まとめ

今回Facebook、mixi、Google+など、SNSでシェアされた際に記事の内容などをしっかりと表示させるための設定について紹介しました。

こういった設定によって記事の内容が視覚的に分かりやすく、よりインパクトを出すことが出来ます。

せっかくシェアしてもらうなら、より多くの人に見てもらいたいですよね。

SNSがどんどんと発展している時代なので、今回紹介したコードは必須と言えるでしょう。

まだ、未設定の場合は是非今回設定してみてください。

facebookなどは仕様がチョコチョコ変わっているので定期的にチェックして設定して行きましょう!

    営業マンゼロだから低コスト・高パフォーマンス!東京・長野(長野市、松本市)・金沢(石川県金沢市)でホームページ制作・WEB制作・ネットショップ制作を中心に、ブランディングに繋がるロゴ制作・チラシ・名刺・パンフレット・DM・ショップカード等の各種印刷物、看板・のぼりなどの販促物を制作しているデザイン事務所アプリコットデザイン。

    [長野オフィス-本社-]
    〒381-2246
    長野県長野市丹波島1-805

    [東京ブランチ]
    〒100-0004
    東京都千代田区大手町 2-6-1 朝日生命大手町ビル2F

    [松本ブランチ]
    〒390-0851
    長野県松本市大字島内4619-3 QuintetDoor 1階南室

    [金沢ベース]
    〒920-0831
    石川県金沢市東山1丁目10-1 103

    記事が気に入ったら「いいね」してね。(SNSとは連動してません)

    0

    無料見積

    まずは無料でお見積もりを作成いたします。
    お気軽にお問い合わせください。

    無料見積もり

    お問合せ先

    クリックで
    事務所一覧が
    開きます

    tel.0120-622835

    営業時間/9:00〜18:00 
    定休日/土日祝日

    Copyright © 2021 APRICOT DESIGN All Rights Reserved.