フロントエンドエンジニアが振り返る2017年のSEO
8. フロントエンドに関連するSEO情報 1. WRS (JSレンダリング) 2. MFI (Mobile First Index) 3. PWA (Progressive Web Apps) 4. AMP (Accelerated Mobile Pages) 5. 構造化マークアップ (Schema.org , json-ld) 10. 1. WRS Date Article 2014年5月 「JavaScript実行後のHTMLのインデックスを行っている」と Googleが発表 2014年5月 WebマスターツールにJavaScriptレンダリングテスト機能を 追加 2015年3月 SEO検証！ GoogleはAngularJSを正しくクロールするのか？ （2015年2月版） はじめに JSで描画したHTMLも検索対象として解析させる為の 取り組み。 11. 1. WRS Date A
構造化データの品質ガイドラインをGoogleが更新、見えないコンテンツのマークアップを厳格に規制
[レベル: 中級] 構造化データのガイドラインを今年の1月にGoogleは新たにしました。 その後、2月と3月に一部を更新しています。 3月の更新にはポリシーの変更が含まれます。 見えないコンテンツのマークアップを以前よりも厳格に規制しています。 比較的重要なのでこの記事で紹介します。 構造化データ品質ガイドラインの更新 現在の品質ガイドライン（の一部）を日本語訳しました。 高品質な構造化データは、誤解を招いたりだましたりするような体験を検索ユーザーに与えてはいけません。テキストや画像、動画などそのページで見ることができるコンテンツのトピックを、最新の状態で正確に反映している必要があります。 構造化データが関連性の基準を満たすために、アルゴリズムと手動によるチェックを行います。これらの基準に適合しない構造化データを見つけた場合は、ユーザーへの高品質な検索体験の提供を維持するために手動で対策
schema.orgがv1.92へ更新、パンくずリストのサポートは近いか？
[対象: 上級] schema.orgがv1.92に更新されました。 MusicやVideo Games、Sports、Itemlist、breadcrumbsなど非常に多くのボキャブラリの追加や拡張とサイト全体の改善が含まれています。 2015年の早い時期にv2.0へのメジャーバージョンアップをschema.orgは予定しているとのことです。 したがってv1.xの最後の更新になるでしょう。 BreadcrumbListの追加 v1.92で個人的にいちばん注目したのは、ItemListの変更とBreadcrumbListの追加です。 ItemListのItemListElementのバリュー (Expected Type) にThingとListItemが加わりました。 以前はTextだけでした。 より幅広いリストを表現できます。 この変更とあわせて、ItemListのサブタイプにBrea
schema.orgのこれまでと今、そしてこれから at #SemTechBiz 2014
[対象: 上級] SemTechBiz 2014 カンファレンスでのSEOに関係するセッションを2つレポートしました。 この記事では、SEOよりももっと大きな枠でのセマンティックのセッションをレポートします。 GoogleのRamanathan V. Guha（ラマナサン・V・グーハ）氏による、schema.orgの成り立ちと現状、これからについての基調講演になります。 グーハ氏は、立ち上げ時から大きく関わっているschema.orgの中心人物の1人です。 ではいってみましょう。 構造化データの誕生 18年前に構造化データへの取り組みが始まった。 目的は、「人間のためのウェブ」から「コンピュータと人間のためのウェブ」を実現すること。 たとえば「チャック・ノリス」が俳優で、オクラホマで生まれたということをコンピュータに理解させる。 そのために、コンピュータが理解する共通のボキャブラリとシンタ
ディズニーが実装しているschema.orgとは at #SMX Advanced 2014
[対象: 上級] この記事では、SMX Advanced 2014で参加した「セマンティック・構造化データ」のセッションをレポートします。 スピーカーは、Disney IntaractiveのインハウスSEOをやっているJeff Preston（ジェフ・プレストン）氏です。 プレストン氏は、Disneyグループ全体のサイトを管理しています。 セッションでは、Disneyサイトが実装している以下の構造化データの実装について話しました。 Open Graph Twitter Cards schema.org 僕たちにとって、特に重要なschema.orgだけにフォーカスしてレポートします。 Disneyが実装しているschema.org 動画 動画 (schema.org/Movie) の構造化データを、たとえばMaleficentのページではマークアップしています。 schema.org/M
schema.orgの「組織」はサブタイプでマークアップすべし
[対象: 上級] 「schema.org/Organization」のサブタイプをすべてサポートしていることを、Googleはヘルプドキュメントに追加しました。 In addition to the schema.org/Organization type, Google supports any of its sub-types, such as schema.org/Attorney schema.org/Organizationタイプに加えて、schema.org/Attorneyのように、そのサブタイプをすべてGoogleはサポートしています。 ただし日本語版ヘルプには、この記事を公開する時点ではまだ追加されていません、 Organizationにはサブタイプがある schema.orgは、「組織」の情報を表す構造化データ（ボキャブラリー）を「Organization (http:
YouTubeで公開したビデオでも動画用のschema.orgでマークアップすべきか
[対象: 全員] たとえYouTubeに投稿した動画であっても自分のサイトに埋め込むのであれば、検索エンジンの理解を手助けするために動画用のschema.orgでマークアップしたほうがいいとGoogleのMatt Cutts（マット・カッツ）氏が推奨しました。 下の質問にMatt Cutts氏が回答しました。 YouTubeの動画には自動でリッチスニペットが表示されます。 それでも自分のサイトに埋め込んだ動画に対して動画用のスキーマでマークアップすることを勧めますか？ それともそこまでしなくてもいいでしょうか？ ウェブマスタートレンドアナリスト（Googleのサーチクオリティチームで働いている人の職種の1つ）に聞いたら、「はい、ぜひマークアップしてください」とのことだった。 一般的に言って、動画であろうが何であろうが、（構造化データの）マークアップがたくさんあればあるほどそのページで本当に
上級者向けSEOガイド3/9 : schema、エンティティ＆セマンティック検索対応 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
上級者向けのSEOガイドを紹介する記事シリーズ第三弾は、セマンティック検索対応について。相変わらず徹底的に網羅された内容です。知識としては何となく知っていても、本格的に対応している人やサイトはまだまだ少ないのが現状とは思いますが、とりあえずこの記事をブックマークしておけば何かの時には使えそうです。 — SEO Japan サイトはクロール可能 & インデックス可能になり、スピードも大幅にアップした。 チャプター 3ではさらにギアを上げ、新しい検索の要素を取り上げていく。検索は、セマンティックな“現実に近い”環境に向かって動きつつある。つまり、検索エンジンが人物、場所、映画、会社等の実際の物事の間の関係を理解する環境である。今すぐこの流れに乗り、ウェブサイトに反映していこう。 1. Schema.orgのメタデータを実装する schema.orgは世界共通のメタデータのマークアップであり、2
組織のロゴの schema.org マークアップのサポートを開始しました
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
Microdata を使ってみよう。サンプルソースで学ぶ Microdata
HTML5 Advent Calendar 2012、7日目の記事として、Microdata （マイクロデータ） に触れてみます。サンプルソースを中心に、実際のページでどのように使えるのかを示しました。これから Microdata を使ってみたいという人に少しでも参考になればと思います。 HTML5 Advent Calendar 2012、7日目の記事です。なんか軽い気持ちで書いてみますとか言ってしまったんですが、緊張しますね… さて、タイトルの通りなのですが、HTML Microdata （マイクロデータ） について簡単に触れてみようかなと思います。この辺の話題に関して、Microdata とは何かとか、詳しい解説はすでに色々な方が書かれていますのでそちらを見ていただく （文末にまとめてあります） として、この記事では、そういう解説は置いといて、Blog や、企業の Web サイトなど
ウェブマスターツールの「データハイライター」が日本語でも提供開始、イベント関連データを画面操作でタグ付けできる
[対象: 中〜上級] Googleウェブマスターツールの「データハイライター」が日本語を含む全言語で利用可能になりました。 昨年12月の公開時には英語版だけの提供でした。 データハイライターは、イベントに関するデータを実際のページを見ながら「タグ付け」できる機能です。 コンサートや演劇、スポーツなどのイベントの名称や日程、開催場所やチケット料金などの情報を簡単な操作で指定できます。 イベント情報は検索結果にリッチスニペットとして表示されることがあります（ナレッジグラフにも利用されるらしい）。 イベント関連データをGoogleに伝えるためには本来ならば、イベントのための構造化マークアップ（schema.orgの例）を用いてHTMLのタグとしてソースに記述しなければなりません。 しかしデータハイライターを使えばHTMLタグを編集しなくてもウェブマスターツールからの画面操作で、ページのなかから、
schema.orgのパンくずリストがリッチスニペットとしてGoogle検索に表示されない理由
[対象: 上級] schema.orgで構造化マークアップしたパンくずリストは、Googleの検索結果のリッチスニペットとしては表示されないことがわかりました。 schema.orgを用いたパンくずリストの設定方法を昨日の記事で解説しました。 しかし認識はされているようだけれど検索結果のリッチスニペットに適用されないっぽいと記事の後半で補足しました。 schema.orgではパンくずリストのリッチスニペットが出ないと木村さんもGoogle+で投稿していたので、Googleの人に尋ねたところ未対応との回答が返ってきたのです。 現状のschema.orgの構造化マークアップによるリッチスニペットのためのパンくずリストをGoogleはサポートしていません。検索結果でパンくずリストを表示させたいなら別の構造化データを利用したほうがいいでしょう。 Googleが悪いわけではなくてschema.org
schema.orgを使ったパンくずリストのマークアップ設定方法
[対象: 上級] schema.orgの仕様に従ったパンくずリストの設定方法をこの記事では解説します。 パンくずリストを示すための構造化マークアップを適切に記述していなかったばかりに間違ったパンくずリストがGoogleの検索結果に表示されてしまったというトラブル事例を先日紹介しました。 パンくずリストであることを検索エンジンに伝える構造化データにはいくつか種類がありますが、ここではschema.orgを使います。 公式サイトでのガイダンスはこちらになります。 では行ってみましょう。 下のようなパンくずリストだったとします。 TOP > イタリア料理 > パスタ > カルボナーラ HTMLのソースコードはもっともプレーンな状態だと下のようになります。 <a href="/">TOP</a> > <a href="/italian/">イタリア料理</a> > <a href="/italia
【ECサイト管理者向け】schema.orgがGoodRelationsを組み込んだ
[対象: 上級] 今日の記事はECサイトを管理するウェブ担当者向けのトピックです。 schema.orgは、GoodRelationsの構造化データのスキーマを取り入れたことを公式アナウンスしました。 これによりschema.orgを構造化データとして採用した際に、よりきめ細かなECサイト向けのプロパティが入手可能になります。 まず、簡単に補足します。 schema.orgとは、GoogleとYahoo!、Microsoft（と後にYandex）が共同で策定した構造化データの仕様またはそれを取りまとめる組織のことです。 GoodRelationsは馴染みがないと思いますが、Eコマースに特化した構造化データで、販売する商品やサービスに関する非常に豊富なボキャブラリを定義しています。 GoogleはGoodRelationsもサポートしていて、たとえばリッチスニペットを表示するための情報として
工数削減！Schema.orgをパーツ化しリッチスニペットを実装する « NAVER Engineers' Blog
皆様、お久しぶりです。 NHN Japan ウェブサービス本部の「キョウ」と申します。 前回の「初心者向けschema.org講座」に引き続き、 今回は「Schema.orgをパーツ化しリッチスニペットを実装する」方法についてお話しようと思います。 「Schema.orgで実装すると時間がかかる！」 「Schema.orgの為に工数はかけられない」 そんな方にお勧めです。 目次 1. 最近のSchema.orgについて（2012年6月） 2. Schema.orgのマークアップ方法について考えてみる 3. [対応案1] <meta>と<link>のみでSchema.orgを定義する（没案） 4. [対応案2] Schema.orgマークアップ専用のTable要素を用意 5. 最速実装する為のワークフロー 6. 今日のまとめ 7. 最後に ※ Naverの業務内容とは直接は関係ござい
Googleの来たるべき検索改革に備えるには？ - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
Google検索が大きく変わる噂を検証する記事を紹介し、「あまり気にする必要はない」ような話をしてしまいましたが、そうはいっても検索の世界が今後ソーシャル、ユニバーサル、セマンティック等と関連しながら大きく変化していくであろうこともまた事実。前述の記事でも少し触れていましたが、現時点での検索の王者であるGoogleにとっても中長期的にAppleとの検索における対決は不可避ともいえ、Googleがこれまで培ってきた様々な検索技術とノウハウを全面投入して勝利していこうとするでしょう。特に実装面での有効性はまだまだともいえるセマンティック技術に関しては今後大きく進化していく可能性は高いです。その辺りまで考慮し、検索の未来についてより広い視点で捉え、今後あるべきSEOを考えた記事を。 — SEO Japan グーグルが次に実施する変更が気になるだろうか？グーグルの次回の変更が大規模な変更になるかど
「スマホ向けサイトはレスポンシブWebデザインで」グーグル社員が語る など10+2記事（海外&国内SEO情報） | 海外&国内SEO情報ウォッチ
デスクトップ用ページとスマートフォン用ページを提供しているサイトで、URLを同じにするか別々にするかはそれぞれにメリット・デメリットがありどちらが絶対的に優れているかを判断することは難しい。 スマートフォン用のURLが検索結果に表示され続けて困っているウェブ担当者に対して、グーグルのジョン・ミューラー氏は次のように公式ヘルプフォーラムでアドバイスしている。 可能なら、CSS3のMedia Queriesのような特別なスタイルシートを使い（レスポンスWebデザインを使って）、同じURLでスマートフォンに専用のコンテンツを見せるといい。こうすることの利点は、特別なURLを必要とせずクロールやインデックスについて考えなくていいし、スマートフォンユーザーをどのようにしてリダイレクトするかを考慮する必要もないことだ。 SEOを最優先するなら同じURLを使うのがベストに思える。しかしMedia Que
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Schema.org - Why You're Behind if You're Not Using It...
ISSUE-10: Schema.org breadcrumb examples - properties should be per-link - Web Schemas TF Tracker
Enhance Your Google SERP Presence With These Rich Snippets | Martech Zone