ということで、さっそくこちらのとおりにしっかりと対応させることにしました。
□ Twitter Cardsに対応しました｜livedoor Blog 開発日誌
□ Facebook等で「いいね！」されたときや、Twitter Cardsへの表示内容を設定する（OGP対応） - livedoor ブログ ヘルプセンター
- <$OGP$>という独自タグを全てのデザインテンプレートの<head>から</head>の間に記述します。
- <html>タグ内にxmlns:og="http://ogp.me/ns#"と記述します。
ということで2つの記述をテンプレートにしてあげればOKです。
- まず、 <$OGP$>をヘッダー部（<head>と</head>の間）のどこでもいいので書き足します。
その際、以前書いた<meta name="twitter:card" content="summary">は削除しておきます。
<meta name="twitter:site" content="@Norisa">
<meta name="twitter:domain" content="webdirector.livedoor.biz">
<meta name="twitter:creator" content="@Norisa">
<meta name="twitter:title" content="<$ArticleTitle ESCAPE$>">
<meta name="twitter:description" content="<$BlogDescription$>">
<meta name="twitter:image" content="http://webdirector.livedoor.biz/blog.jpg"> - つぎに<html>の追加属性として半角スペースを開けて「xmlns:og="http://ogp.me/ns#"」と記述します。
書き加えた部分を赤いマーカー付けました。
ということで、今までとどう違うかはこの記事を更新してからのお楽しみ。
ちなみに今までのはこんな感じでした。
ブログ更新： Facebook（フェイスブック）でやると嫌われてしまうかもしれない行為 http://t.co/Dbh4m7qRYX #fb
— Norio Sugama - のりさ (@Norisa) June 19, 2013
【追記】本文と写真がきっちり記事特有のものになっています。こっちのほうがぜんぜんいいですねぇ。。
ブログ更新： 「livedoor Blog（ライブドアブログ）」で「Twitter Cards」対応がめちゃくちゃ簡単になっていた http://t.co/FabxALHQSb #fb
— Norio Sugama - のりさ (@Norisa) June 19, 2013
