些細な日常

ブログのアクセスがゴールデンウィークに入ったら三割くらい落ちて 死に損ないブロガー に逆戻りと ヴィヨンの 首吊り人のバラード が聞こえて来るような感じがして本当に参った。 日によってサイトのアクセスが増減することがある 参考書を持ってほほえむ女子高生 by まんだむ Google検索からのアクセスが普段よりも多く落ちていることが直接の原因で、何の報せもなく、検索アルゴリズムを変更されて SEO対策 に支障を来したのかとも思ったけれども数年前から平日よりも土日祝日が幾らか不調という傾向が増していたので、ゴールデンウィークでそうした影響を強く受けた可能性もあった。 なので「どっちなんだい」（ なかやまきんに君 ）と 笑いが止まらない一橋アナウンサー とは正反対の気持ちながら問われる状況だったんだ。 心配の余り、Twitterで調べるとサイトのアクセスが下がった人という人も下がったと…

サイトのHTMLに最初から記載されてないコンテンツを後からJavaScriptで挿入するとそのときにページが新しいスペースを取られて動いてしまう。初回画面だと既存のコンテンツが押し下げられるのが、一瞬、見えたりもするけど、これがサイトのCLS（Cumulative Layout Shift／累積的な配置の変動）を上げて使い難くなる。 指標｜PageSpeed Insights｜ Google Developers 良くあるのが押そうとしたボタンがサイトの読み込み中に動いて押せなくなってしまうことだ。 訪問者に良い印象を与えないのはもちろんだけど、さらにGoogleのサイトの検索状況のSearch Consoleや性能計測のPageSpeed Insightsでも警告が出されるので、 検索エンジンからアクセスアップを望む 上でもCLSの上昇に注意しなくてはならな…

Googleが モバイルファーストインデックス を導入してスマホでのサイト評価を最優先するようになって久しい。サイトがモバイルに対応しているかどうかはGoogleが提供している モバイルフレンドリーテスト で分かるけれどもSearch Consoleではサイト解析からエラーのページがあれば自動的に表示される。 現在の SEO対策（検索エンジン最適化） で、下地となるのがモバイルユーザビリティだから是非とも注意しておきたいにも拘わらず、ブログでエラーが出てしまって改善しなくてはならなくなった。 画像がモバイルユーザビリティのエラーを引き起こす原因 モバイルユーザビリティ｜Search Console｜ Google 僕はSearch Consoleでモバイルユーザビリティの二つの項目を指摘された。 テキストが小さすぎて読めません クリック可能な要素同士が近すぎます ブログのスマ…

Bloggerの管理画面の設定の「クローラとインデックス」にカスタムロボットヘッダータグのスイッチが付いている。 クローラとインデックス｜ Blogger カスタムロボットヘッダータグとはGoogleやYahoo!などの検索エンジンのブログの扱いを検索避けを中心とした様々な仕方で、制御する方法の一つで、一般的にX-Robots-Tagと呼ばれるものと同じだ。 X-Robots-Tag は、指定した URL に対する HTTP ヘッダー応答の要素として使用できます。robots メタタグで使用できるディレクティブは、すべて X-Robots-Tag として指定することもできます。ページをインデックスに登録しないようクローラに指示する X-Robots-Tag を含む HTTP 応答の例を次に示します。 X-Robots-Tag HTTP ヘッダーの使用｜ Goo…

以前は大丈夫だったけれどもGoogleの構造化データの リッチリザルトテスト でブログをチェックするとauthorのurlの項目がないために警告が出されてしまった。 今年の8月6日にArticleのauthorの「url プロパティは、Google が記事の執筆者を明確化するのに役立ちます」（ 最新ドキュメントの更新内容 ）としてリッチリザルトの推奨項目に追加されたためだ。 たとえリッチリザルトが有効でもしっくり来ないから新しく修正しなくてはならないと感じる。 authorのurlを構造化データに追加する リッチリザルトテスト｜Search Console｜ Google JSON-LDでのauthorのurlの記載 microdadaでのauthorのurlの記載 RDFaでのauthorのurlの記載 Articleのリッチリザルトの従来の条件（ Google 検索セント…

サイトがGoogle検索に表示されない原因は大きく分けて二つある。 一つはインデックスされず、Googleにサイト内容が把握されてない。もう一つはランキングが低く、インデックスされたページがあってもサイト評価が低くて検索結果の順位を落とされるか消されている。 ランキングの向上に関しては余りはっきりしたことはいい難いし、Google検索のサイト評価がどのように行われるかはGoogleの関係者も分からないくらい複雑怪奇な面がある。個人的に 公式の検索エンジン最適化（SEO）スターターガイドが最も信頼できる と思う。ランキングの方向性（何が良くて何が悪いか）がGoogle検索の視点から示されているからたとえランキングが更新されても付いて行けるようなサイト運営が可能になるに違いない。 本稿ではインデックスの向上を考える。ランキングと違って決められたことをやれば大丈夫…

ブログにSearch Consoleのモバイルユーザビリティの赤い文字のエラーで、モバイルユーザビリティの問題として「コンテンツの幅が画面の幅を越えています」というのが出た。 モバイルユーザビリティ｜ Search Console ｜ Google 問題のページは一つだけで、確認してみるとスマホで画像などのコンテンツの一部が画面の端から抜けてしまっていて正しく、エラーの文言の通りの状況だった。 このエラーは、ページの CSS 宣言で絶対値を使用している場合や、ページの画像が特定のブラウザ幅（980px など）で最適に表示されるように設計されている場合に発生します。このエラーを修正するには、ページの CSS 要素に対して相対的な幅と位置の値を使用し、画像も同様にスケーリングできるようにします。 モバイル ユーザビリティ レポート｜ Search Console ヘル…

構造化データにkeywordsを追加してSEO（検索エンジン最適化）対策に効果的かどうかは定かではない。 かつて metaタグのkeywordsにサイト内容と無関係なキーワードを記載したサイトによって検索結果が混乱した という経緯からGoogleなどの主要な検索エンジンはサイトのmetaタグのkeywordsを完全に読み込まなくなってしまっているんだ。 SEO対策でサイト内容の他にキーワードを検索エンジンに伝えるように取り計らっても仕様がないかも知れないけれども何かの役に立たないともかぎらないから構造化データのkeywordsを使ってみたいと感じる。 metaタグのkeywordsは間違いなく無理だし、使ってもSEO効果は皆無にせよ、構造化データのkeywordsは同じではない。ひょっとしたらGoogleなどの主要な検索エンジンがサイト内容に読み込むか、また…

Bloggerの 2017年の公式テーマ のContempoとSohoとEmporioとNotableは記事毎に JSON-LD の構造化データが付いていてGoogleなどの検索エンジンがサイト内容を通常よりも認識し易くなっている。 ブログのテンプレートのソースコードからマークアップを確認してみるとpublisher（公開主）がBloggerになっていてさらに画像なしの場合の画像にBloggerのロゴが記載されるのもちょっと気がかりなんだ。 Bloggerを使っているから間違いではないにせよ、ブログ自体には一致してないわけで、どちらもブログ自体に合わせてカスタマイズしたいと感じてしまう。 A man who began doing parkour cartwheel on the grass by farioff / Pixabay 検索エンジンからのアクセスアッ…

僕がBloggerのテンプレートで最も不可解だと感じるのは記事の日付に記事ページへのリンクが付いている。およそ日付にリンクを付けるならば年別や月別などのアーカイブページへ向けなくてはピンと来ないだろう。 日付のリンクは目立たないし、殆ど誰も使わないようだから放っておいたけど――文字色などのデザインがリンクとは気付かないくらい他と変わらない――ただしSEO対策からすると検索エンジンが見ているのは間違いないので、アクセスアップのためにサイト評価を上げるべくは記事ページへのリンクを記事タイトルに付けて日付からはアーカイブページへ変更するのが望ましいと考える。 リンク名のアンカーテキストとリンク先のサイト内容が合ってないのは不正行為と判断される危険性を免れない。あからさまに無関係なリンクを貼れば使った訪問者から騙したともはや嫌われ兼ねないわけで、SEO対策でも…

Bloggerの公式テーマのソースコードを調べてみると 構造化データのMicroformats がもう既に殆ど組み込まれている。使うとSEO対策に役立って検索エンジンからアクセスアップが一層と可能になるかも知れないマークアップの一つなんだ。 シンプルなどの旧テーマとContempoなどの新テーマで何れも記事のブログの投稿ガジェットに著者名を表示すると前者は更新日がなくてエラーになるのを修正する、後者はエントリーを開放して更新日を付け加えるHTML編集によって機械向けにサイト内容を指し示す Microformats の hAtom が成立するようになっている。 著者名を表示しないと手間は一つ増えるにせよ、 後少しのカスタマイズで済む。他の項目も幾つか付いていて折角だからブログに取り入れて使わないと勿体ないと感じる。 目次 MicroformatsのhAtomが成立する四…

Microformats はホームページやブログのサイト内容を機械向けに表現する構造化データの一つで、検索エンジンも認識するからサイト作成に取り入れるとキーワードの検索結果からアクセスアップを齎すかも知れないSEO対策のマークアップに含まれているんだ。 近年はバージョンアップされて Microformats2 が出て来ているけど、ところがSEO対策ではGoogleなどの主要な検索エンジンに認識されないために有効性は低いと考えられる。Microformats2は構造化データとして後方互換性がないわけではないので、もしも検索エンジンからのアクセスアップを目論んでSEO対策に使うならば以前のバージョンのMicroformatsのままのマークアップに止めておくべきかも知れない。 Microformatsの構造化データのマークアップはclass属性を中心に必要ならば幾…