サイト管理に重要なmetaタグの設定・最適化方法 | SEO内部対策についてまとめ【基本の対策を詳細解説】
SEOの基本とも言えるmetaタグの書き方や最適化方法について考えていきます。 サイトを管理していく中で、検索順位を考慮したディスクリプションなどのmetaタグは、全て「重要」と考えがちですが、実はそれほど重要ではないタグもあります。 改めて各タグの重要度を考えて、適切にmetaタグを設置しましょう。 実際にページを閲覧していても目に見えない記述となるmetaタグだからといって軽視しがちですがSEOにとって重要な要素のひとつです。 はじめに、基本となるmetaタグがこちらです。 metaタグは＜head＞と＜/head＞の中に記載します。 Facebookや、twitterでの拡散も考えてmetaタグにOGPとtwitterカードも記述しています。 <!doctype html> <html> <head prefix="og: http://ogp.me/ns# fb: http://o
WordPressでFacebookとTwitterのOGPタグを設置する方法2016
ブログへのFacebook&TwitterのOGPタグ設置は、いまや必須となっています。ところが調べてみると、なぜか、OGP専用プラグイン設置でサクッと完了とはいかないようです。 利用しているテーマがOGPタグ設置に対応していなければ、自力でテーマを編集してしまうのが、一番確実です。 作業内容は、この通りです。 OGPタグを設置する理由を理解する header.phpを編集する Facebookのapp_idを取得する functions.phpにコードを追記する twittercardを申請する Facebook Debugerで確認する では、順番に説明します。 0.なぜ、OGPタグを設置する必要があるのか？ ズバリ、FacebookとTwitterからブログへのアクセス流入が増えるからです。 OGPタグを設置すると、記事がシェアされた時に、キャッチ画像と概要文付きで表示され、人の目を
プラグイン無しで WordPress に OGP & Twitter Cards を設定する方法 - Webrawl
サイト作りに OGP 設定がほぼ必須になってきたので、通常の OGP & Twitter Cards の設定に加え WordPress 用の記述 (わりと適当) をまとめておきます。参考までにどうぞ。 1. function.php に説明文を取得する記述をするWordPress の場合、記事ごとに説明文やサムネイルを変える必要があるので functions.php に記述をしておきます。以下は本文の一部を抜粋して改行をなくした状態で表示するための設定です。サムネイルの設定はおそらく既にしていると思うので今回は省略。 // TEXT LENGTH SETTINGS function textexcerpt($length) { global $post; $content = mb_substr(strip_tags( $post -> post_content), 0, $length)
【WordPress】OGPとTwitterCardsの設置方法！プラグイン不要でコピペでOK
OGPとは？設置メリットは？ 主にFacebookのシェアやいいね！の時に表示される記事情報を、ブログ・ウェブ制作者が設定できる機能の事です。「Open Graph Protocol」の略称です。 Facebook以外でも、Facebookページ、Google+、Twitter（設定が必要。下で説明）、mixiなどにシェアされた時にも使われているようです。 OGPは設定しなくても、タイトルやURLなどは問題なく表示されます。しかし写真や説明文は記事と関係のない内容になる場合もあるため、OGP設定が重要になります。 具体的には、記事ページのヘッダーなど上部で、下のコードのように設定します。有名ブログや大手メディアでも、設定内容に力を入れてる場合が多いです。 [html] [/html] OGP設置のメリット 主に次の3つだと思っています。 シェアされる情報（画像や説明文など）を制作者がコント
OGPの仕様追加：記事にひもづくFBページや個人アカウントとの連携を強める
2013年06月21日02:32 by oklahomer OGPの仕様追加：記事にひもづくFBページや個人アカウントとの連携を強める カテゴリ 先日の開発ブログで、OGPの仕様追加が公開されました。これを用いることで、記事がニュースフィード上に流れるとき、その記事にひもづくFBページへのいいね！や個人アカウントのフォローを促すことができるようになります。 方法 方法は簡単で、Facebookページを紐づけるならarticle:publisherを指定 <meta property="article:publisher" content="https://www.facebook.com/cnn" /> 個人アカウントを紐づけるならarticle:authorを指定します。 <meta property="article:author" content="https://www.faceb
[WordPress]これは簡単！プラグインを使わずにOGPを設定する方法！
こんちくわ。 今日もTwitter、Facebookを楽しんでいる@conchikuwaです。 最近ではブログを読んでいただくだけでなくTwitterやFacebookにシェアしてもらえると嬉しさ倍増です。 Facebookにブログ記事をいいね！してもらう際、ブログにOGP設定をしておけば、記事の情報が正しく投稿され、アクセスアップにも繋がります。 今回はそのOGP設定なるものをプラグインを使用せずに設定する方法をご紹介しますです。 まずOGPについてですが、 Open Graph protocolの略。 facebook、mixi、GREE等のソーシャルネットワークサービスで使用されている共通仕様で、HTML上に正しく設定しておけば、意図した内容を表示させる事ができる。 OGPについては↓のサイトさんで解りやすく説明してくれております。 フェイスブック、ミクシィ、グリーで使われている O
![[WordPress]これは簡単！プラグインを使わずにOGPを設定する方法！](https://cdn-ak-scissors.b.st-hatena.com/image/square/71a844dc7ae7c46500de91b51a19038bfb73ef6f/height=288;version=1;width=512/https%3A%2F%2Fwww.conchikuwa.com%2Fwordpress%2Fwp-content%2Fuploads%2Fwp-hanariro-logo.gif){kind=logo}
「いいね！」が流れるだけじゃない！OGPの知られざる機能とは？ | Facebook | nobish.jp
先週末3月24日（土）に、私自身が主宰を務めるapeweb（エイプウェブ）第4回目のセミナー「OGP設定とFacebookアプリ開発の基礎を押さえよう！」を開催したところ、21名の方にご参加いただきました。ご参加頂いた方、年度末のお忙しい中にも関わらず、ありがとうございました！ OGPの基本的な解説から、最新のOpen Graphアプリ（Open Graphに対応したFacebookアプリ）まで、かなり広範な内容を3時間という短い時間で取り上げたので、きめ細かい解説はできませんでしたが、基本的な事項についてはご理解いただけたのではないかな？と。 で、折角なので、これから何本のエントリになるかわからないけれども、今回のセミナーでお話した内容の中からいくつか見繕って当ブログでシェアして行こうと思っています。で、今日はその一本目、「いいね！が流れるだけじゃない！OGPの知られざる機能とは？」。興
FacebookのOGPを確認する・キャッシュをクリアする方法
ホームページにFacebookにシェアするボタンを設置しているページが増えてきました。 そこで表示する画像やタイトルを記述するOGPですが、こちら一回そのURLでアクセスするとキャッシュがFacebook側に残るようで、 修正しても早々には変わってくれないようです。 OGPはこういうのです。 <meta property="og:title" content="ページタイトル"> 確認の時に変わってくれないので困りものなのですが、こちらのfacebook developersのページで確認とキャッシュの削除ができることがわかりました。 URLリンター – Facebook開発者 こちらでOGPの入力内容の確認とキャッシュが削除できるので便利です。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSで面倒なコード、HTML5の新要素やスニペット、FacebookのOGPやTwiterカードなどのコードを生成できるオンラインツール
https://athomegeek.com/ogp_error_fix/