- web design -

blog

サイト名義SNSを開始してみました。

HTML

snsMainVisual

 

 

OGPのお勉強用にSNSを開始

完全にテスト用なんですけどね。

サイト運営する上で一回がっつりSNSとのプログラム連携をお勉強したかったので。

 

いまやSNS無しでのサイト運営はそうそう無いと思います。

最低限わかってないとな~と思いつつ、以前からちょいちょいググったりしてましたが、ちゃんとOGP(Open Graph Protocol)として勉強したことは無かったかもしんないです。

 

んでとりあえずSNSを開設して、フッターのリンクも各ページ(twitter / facebook)に繋げました。

基本的には各デバッガーで表示とデータの確認作業になります。

この作業には各SNSのアカウントも必要。

お役立ちツールとしてこんなのも。

さすがサルワカさんだ…!

手順としては、

  1. デバッガーサイトに記事URL入力
  2. データと画像表示確認
  3. サイト側修正・調整

て感じでしょうか。

キャッシュ問題がまだ若干めんどくさいかも。

head内の記述に関しては、ぼくはAll in one SEOプラグインでの設定なのでパパっと終わらしつつ、下記記事のmetaコードを参考にしながらお勉強という感じでしょうか。

metaコード(引用)

<meta property="og:url" content="ページのURL"/>
<meta property="og:title"content="ページのタイトル"/>
<meta property="og:type"content="ページのタイプ">
<meta property="og:description"content="記事の抜粋"/>
<meta property="og:image"content="画像のURL"/>
<meta name="twitter:card"content="カード種類"/>
<meta name="twitter:site"content="@Twitterユーザー名"/>
<meta property="og:site_name"content="サイト名"/>
<meta property="og:locale"content="ja_JP"/>
<meta property="fb:app_id"content="appIDを入力">

そもそもSNSが苦手なんですよね苦笑

まあそれも未来のお仕事に役立つと信じて、最低限はやらねば。

 

こだわると意外とややこしく深いOGPだと思ってるので、ちょこちょこ検証してみます。