[レベル: 上級] 検索結果のプレビューを制御するための新しい robots meta タグが検索結果に反映され始めたようです。 数日後に導入を開始する予定だと Google は 1 週間前にアナウンスしていました。 検索結果に反映されていることを、 バカに毛が生えたブログさんが確認しています。 上の結果に出ている僕のブログ記事のスニペットはデフォルトの文字数です（デフォルトはクエリによっても文字数が変わる）。 一方、バカ毛さんのブログ記事のスニペットは極端に短くなっています（5文字制限とかやりすぎ😅）。 さて、この記事では、検索結果のスニペットの文字数を制御する max-snippet robots meta タグと data-nosnippet HTML 属性に関する補足情報を紹介します。 英語版オフィスアワーで、Google の John Mueller（ジョン・ミューラー）氏が言

[レベル: 上級] AMP ストーリー専用のセクションが検索結果に表示されるようになります。 東京の六本木で 4 月 17 〜 18 日に開催された AMP Conf 2019 で発表がありました。 AMP ストーリーは、本をパラパラとめくるようにして物語風に一連の情報を閲覧できる AMP の機能です。 文字ではなく、画像や動画をふんだんに使ったビジュアルさに特徴があります。 こちらは、AMP Conf で紹介された楽天レシピの AMP ストーリーです。 動画のようですが、AMP HTML で作成されています。 専用アプリは不要で、プラットホームを問わずブラウザで表示できます。 Google 検索の AMP ストーリー 現在は、2 つのタイプで AMP ストーリー はモバイル検索結果に表示されます。 カルーセル サイト専用 (host-specific) のカルーセルにそのサイトの AMP

[レベル: 上級] メジャーな 2 大 JavaScript フレームワークである Angular と React、そしてこの 2 つには及ばないもののシェアを伸ばしてきている Vue.js を採用したウェブサイトは基本的に Google 検索においてうまく機能します。 SEO と相性が悪いフレームワークではありません。 ただしいくつか気をつける点もあります。 Angular/React/Vue は Google SEO に問題なし JavaScript SEO をテーマにした DeepCrawl との Q&A 動画チャットで、Google の Matin Splitt 氏が、メジャーな JavaScript フレームワークの Google 検索での利用について説明しました。 次の 3 つの JS フレームワークは Google の SEO に害を与えるようには作られていないと自身で詳しく

[対象: 上級] 企業や店舗の問い合わせ電話番号や営業時間を表示するワンボックス/アンサーボックスが、日本のGoogle (google.co.jp) でも表示されるようになっていることを確認しました。 電話番号や営業時間のワンボックスは今年4月に導入されましたが、その時点では日本のGoogleでは表示されていませんでした。 問い合わせ電話番号のワンボックス 問い合わせ電話番号のワンボックスの例です。 3つ目の、中小企業であるセルフデザイン（僕が所属している会社です）が出ているくらいなのに、超大手のJCBやANAは出ません。 Googleが情報を取得できていないのかもしれません。 また企業によっては「電話番号」以外にも、「カスタマーサービス」のような一般的に用いられる問い合わせ用電話番号の呼称でも出てくることがあります。 営業時間のワンボックス こちらは営業時間のワンボックスです。 電話番

[対象: 全員] Google Research Blogがユーザーテストに基づいてまとめたレポートから、入力フォームの完了にもっとも大きな影響を与えた設定をこの記事では紹介します。 次の4つの設定になります。 入力条件を事前に指示する エラーメッセージをフィールドの横に配置する 必須の項目と任意の項目を区別しやすくする ラベルをフィールドの上に配置する 順に説明します。 入力条件を事前に指示する 入力条件（たとえば、パスワードの最低文字数）は、フォームを送信する前にフォームのなかで指示します。 このガイドラインの適用は、フォームの完了と被験者の評価に大きなプラスの影響を与えました。また、被験者のコメントにも（前もって指示してもらった方がいいと）頻繁に現れました。 エラーメッセージをフィールドの横に配置する ユーザーがすぐに訂正できるように、エラーメッセージは入力フィールドの隣に配置します