脚やせ初級・中級・上級エクササイズを紹介!次のつぶやき→クラフトビールの人気会社 BrewDog(ブリュードッグ)の経営を学ぶ本「ビジネス・フォー・パンクス 」次のつぶやき→家にトカゲがやってきた!わんちゃんとねこちゃんが興味津々に覗いている様子wwww次のつぶやき→二の腕脂肪はPCが原因!?痩せる対策ストレッチ次のつぶやき→NSXが復活!!新型「NSX」の動画がYouTubeで公開された次のつぶやき→[mixi] サンシャイン牧場が明日サービス終了とりあえずログインしてみた次のつぶやき→全く全盛期の面影がない松坂大輔の投球次のつぶやき→映画「シン・ゴジラ」で実際に使用されているゴジラの動きを顔を入れて再現できる「シン・ゴジラ〜」次のつぶやき→Nikon D5500の標準レンズキット付属のレンズ「AF-S DX Nikkor 18-55mm F3.5-5.6G VR II」のレンズフード次のつぶやき→シンゴジラで会議風景などの使われていたテキスト風の「シンゴジラ風画像ジェネレータ」

コピペでOK!2秒でTumblrにOGPを設置する方法

スポンサーリンク

 


最近Tumblrでブログをやる人も増えて来ていますね。

そうなると、普通のブログのように、Facebookいいね!や+1ボタンとか設置したくなるよね?

しかし、ソーシャルボタンを付けただけでは、サムネイル画像や記事のタイトル、ブログタイトルが出ない!

本当は↓こうなったらいいよね。

コピペでOK!2秒でTumblrにOGPを設置する方法

そのためにはOGP(オープングラフプロトコル)コードをTumblrのテーマのhtmlソースに追加しなければならないよ。

といっても、下のコードをコピペで貼り付ければ良いだけなので、かんたんOK
※FacebookIDを入れないとうまく動きません。Facebook IDの調べ方は

facebookにログインした状態で下のリンク先をクリック。

{block:Posts}{block:Photo}{/block:Photo}{/block:Posts}
{/block:PermalinkPagination}
{block:IndexPage}
{/block:IndexPage}

Tumblrのカスタマイズのやり方

①Tumblrのダッシュボードから編集したいブログを選択。

②「表示をカスタマイズ」をクリック。

コピペでOK!2秒でTumblrにOGPを設置する方法

 

③「編集HTML」をクリック

コピペでOK!2秒でTumblrにOGPを設置する方法

 

④この記事の冒頭で紹介したコードを~~内に追加

コピペでOK!2秒でTumblrにOGPを設置する方法

 

⑤「デザイン設定」をクリック

コピペでOK!2秒でTumblrにOGPを設置する方法

 

⑥「保存」で完了!

コピペでOK!2秒でTumblrにOGPを設置する方法

 

あとは、いいね!を挿入したい箇所にいいね!のコードを挿入しましょう。

 

 

タイトルの最適化は、これ

コピペでOK!二秒でTumblrのタイトルを最適化 | A!@attrip

 

 

他のソーシャルボタンを入れたい人は、こちらが詳しく載っていますよ!参考にして入れたい箇所に各ソーシャルボタンを設置しよう!
→ ソーシャルブックマーク&投稿ボタンの設置方法 

 ちなみに、僕のタンブラー「ざりろぐ」もよろしく!

 

この記事を書いたよーいちにいいね!よろしく!


コピペでOK!2秒でTumblrにOGPを設置する方法

tumblrハンドブック

Amazonで購入

スポンサーリンク

\ SNSでシェアしよう! /

人気記事ランキング

スポンサーリンク

ankerのライトニングケーブル
anker充電機器
この記事を書いたのはです!

『9ポスト』という動画メディアを運営しています。


メールアドレスを入力して無料購読しよう!




コピペでOK!2秒でTumblrにOGPを設置する方法

コピペでOK!2秒でTumblrにOGPを設置する方法

タグ: , , , , , ,

記事URL:http://attrip.jp/34920/


フォローよろしくお願いいたします。

mautic is open source marketing automation
お問い合わせこのサイトについてサイトマップ広告のご掲載について
おもしろ動画レシピ筋トレストレッチ糖質制限ダイエット