「livedoor Blog（ライブドアブログ）」で「Twitter Cards」対応がめちゃくちゃ簡単になっていた
1年以上前の記事です。内容が古い可能性があります。
先日、「Twitter Cards」に自ら中途半端に対応したばかりですが「livedoor Blog」さんがしっかりと対応してくれていました。
ということで、さっそくこちらのとおりにしっかりと対応させることにしました。
□ 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
アドセンス広告メイン
関連記事
-
-
おサイフケータイの機種変更手続きは契約前に旧機種でやっておこう（WAON編）
1年以上前の記事です。内容が古い可能性があります。うちのほう（田舎）ですと意外と …
-
-
「メール便」と「定形外郵便」。どっちが安い？
1年以上前の記事です。内容が古い可能性があります。当ブログの「今日からはじめるラ …
-
-
「インクジェット用紙」とは何を指す？
1年以上前の記事です。内容が古い可能性があります。週末行っているパソコン教室で生 …
-
-
Appleの「Retina（レチナ）ディスプレイ」とはなんなのか？
1年以上前の記事です。内容が古い可能性があります。Appleの新商品発表会「WW …
-
-
債権回収詐欺（ヤミ金詐欺）に対する会社として取るべき対策
1年以上前の記事です。内容が古い可能性があります。ほんと、自分がやらかしたことじ …
-
-
「Windows Live メール」が起動しなくなり、何をやっても復旧しないときはハードディスク（フラッシュディスク）を整理
1年以上前の記事です。内容が古い可能性があります。もう、みんなWindows10 …
-
-
「key1」と「key2」。配色の話
1年以上前の記事です。内容が古い可能性があります。様々な人が様々な感性をもってい …
-
-
「iPhone」片手で拡大縮小する方法
1年以上前の記事です。内容が古い可能性があります。もう、今年はiPhone（アイ …
-
-
Illustrator（イラストレータ）でアピアランスがいちいち適応されるのを防ぐ方法
1年以上前の記事です。内容が古い可能性があります。せっかくの便利な機能「アピアラ …
-
-
パズドラ（パズル＆ドラゴンズ）課金プレイヤーはネットでの情報入手が必須！
1年以上前の記事です。内容が古い可能性があります。パズドラの課金地獄にハマりつつ …
Comment
ツイッターカードの設定について調べていたところたどり着きました。わかりやすい説明でブログを見ていて勉強になります。しかし私の知識不足でツイッターカードの設定がなかなかうまくいきません。質問させて下さい。
Summary with Large Imageの設定でブログで説明されているタグはいれました。ツイッターカードのSummary with Large Imageにあるサンプルコードをコピペして、わかる範囲でコードを書き換えて試して見ているのですが、エラー？が出てしまいます。
INFO: Page fetched successfully
INFO: 15 metatags were found
INFO: twitter:card = summary tag found
ERROR: Required meta tag missing (twitter:text:description)
WARN: Not whitelisted
改善する方法がわかりません。
お忙しいとは思いますがよろしくお願いします。