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

OGPのお勉強用にSNSを開始

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

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

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

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

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

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

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

• twitter Card validator
• facebookシェアデバッガー

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

• アイキャッチ画像サイズチェッカー / サルワカ様

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

手順としては、

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

て感じでしょうか。

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

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

• 【WordPress】OGPとTwitterカードをプラグイン無しで設定する方

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だと思ってるので、ちょこちょこ検証してみます。