WordPressの各種フィードをX-Robots-Tagでnoindex指定する
WordPressが出力するフィード WordPressは下記のように多様なフィードを出力します。これらのフィードがGooglebotに発見されると、インデックスされることもありますが、多くはクロールされるもののインデックスはされずに、サーチコンソールのインデックスレポートで「クロール済み – インデックス未登録」として表示されます。 /feed/ /feed/rss/ /feed/rss2/ /feed/rdf/ /feed/atom/ /comments/feed/ /post-name/feed/ /category/categoryname/feed/ /tag/tagname/feed /author/authorname/feed/ 各種のフィードが大量に「クロール済み – インデックス未登録」としてレポートされる状況は、検索結果のランキングにおけるマイナス要因ではありませんが
WordPress最新ニュース×2: 最初の画像のネイティブLazy-loadが5.9では無効に&IndexNowプラグインのリリース
[レベル: 上級] この記事では、WordPress に関する最新トピックを 2 つ紹介します。 最初の画像のネイティブ Lazy-loading を無効化 IndexNow プラグインの公開 最初の画像のネイティブ Lazy-load を無効化 まもなくリリースされる WordPress 5.9 では、ページで最初に出現する画像と iframe のネイティブ Lazy-load が無効になります。 最初に出現する画像や iframe にネイティブ Lazy-load を適用することにより、かえって LCP が悪化することが分析から明らかになっていました。 WordPress 開発者によれば、よく使われているテーマで最初の画像/iframe のネイティブ Lazy-load を無効にしたところ、LCP が最大 30% 速くなったとのことです。 現状では、すべての画像/iframe にネイテ
Lazy-loadはLCPを悪化させる!? WordPressは2つ目の画像からネイティブLazy-loadを実装するように改良予定
[レベル: 上級] ファーストビューに掲載されている画像を Lazy-load（遅延読み込み）すると コア ウェブ バイタル の 1 指標である LCP を低下させる恐れがあります。 そのため WordPress は、ファーストビューの画像にネイティブ Lazy-load を適用しないように改善する予定です。 ネイティブ Lazy-load は、画像の <img> タグに loading="lazy" 属性を付けることで、ブラウザの機能として遅延読み込みを実現する技術です。 現在は、Chrome や Edge、Firefox など多くのブラウザがサポートしています。 ファーストビュー画像を遅延読み込みさせた WP は LCP が悪化 Lazy-load の利点は、スクリーン領域に入っていない画像を読み込ませないことでデータの転送量を抑えられることです。 スクリーン領域に近づいたところで初め
WordPressで制作したサイトが「モバイルフレンドリーではありません」と表示されたら
先日、Google検索結果でこのブログが表示されたときに「モバイルフレンドリーではありません」という表示が出ていることに気づきました。 気になって以下のページにURLを入力して調べたところ、WordPressのプラグインから出力されているCSSがGoogleにインデックスされないようブロックされており、それによってレイアウトが崩れてしまったようです。 モバイル フレンドリー テスト – Google Search Console この記事では、そのような場合の対処法について書いています。 対処法 最初に結論を書くと、昔から使用しているWordPressの場合、WordPressインストールしたフォルダー（ディレクトリ）にある robots.txt というファイル内に以下のように書かれている場合があります。 （最近新しくインストールしたWordPressではこの行はないはずです） Disal
ウェブは速くなっている、しかしさらに高速化できる from #ChromeDevSummit 2019
[レベル: 上級] この記事では、Chrome Dev Summit 2019 の ウェブの高速化に関係するセッションのハイライトをレポートします。 ページの表示速度改善のためのツールやレポート、指標などがたくさん紹介されています。 ウェブが速く ウェブは速くなってきている。 昨年との比較で次のような改善が見られる。 First Contentful Paint: 7 % 速く First Input Delay: 27 % 速く ツール ウェブの高速化にはたとえば次のようなツールを使える。 PageSpeed Insights: URL を指定してそのページのパフォーマンス状況を検証できる Search Console のスピードレポート: サイト内のページをグループ化して速度状況を可視化できる 新しい指標 スピードを測定するために新しい指標を取り入れる。 Large Contentfu
WordPressプラグインとしてSite KitをGoogleが正式公開、WPからSearch Consoleのレポートを確認可能
[レベル: 中級] Google は WordPress のプラグインとして Site Kit を正式リリースしました。 Site Kit を利用すると、Search Console や Google アナリティクスなどの Google のツールによるレポートを WordPress のダッシュボードから確認できます。 Site Kit はベータ版としてこれまでは提供されていました。 Google のサイトから直接ダウンロードしてインストールしました。 正式公開となったので、WordPress の公式プラグインディレクトリから今はインストールできます。 インストールは簡単、WP ダッシュボードから SC のレポートをチェック Site Kit の利用方法は難しくありません。 手順を簡単に説明すると次のようになります。 インストール Google アカウントにアクセス権付与 AdSense・G
WordPressをAMP対応するプラグインの正式版 v1.0 が公開。統一されたデザインと機能のAMPページを実現
[レベル: 上級] WordPress サイトを AMP 対応する公式プラグインのバージョン 1.0 安定版が正式公開されました。 AMP プラグインのディレクトリからダウンロードできます。 統一されたデザインと機能を AMP で実現 v1.0 の大きな特徴の 1 つは統一されたデザインと機能を AMP ページで実現できる点です。 v1.0 以前のプラグインは、AMP ページのデザインが変わってしまい通常のモバイルページと比べるとかなり簡素に変換されてしまっていました。 しかし、v.1.0 では、AMP ページの外観および機能は通常のモバイルページとなんら変わりありません。 最新の AMP プラグインには 3 つのモードがあります。 Native Mode（ネイティブ モード）: サイトを完全に AMP 化する。すべてのページが AMP になり、通常の PC ページやモバイルページはなくな
wordpress で SNS や SEO に優しい簡単 SPA 作り - Qiita
SPA と wordpress を組み合わせたら意外と SPA の問題を解決できた。という記事です。 経緯 経緯は、もともと存在する SPA のサイトを wordpress で管理されている記事コンテンツ配信サイトに リニューアルしたいというお話をいただいたことでした。 リニューアル前のサイトのインタラクションが良かったので、 その雰囲気は残しつつ、クローラー対策などの作り込みを行い ちゃんと記事メインのサイトとして耐えうるものを目指しました。 課題と対応 1. クローラーにページ独自の meta 情報を認識させる 動的に生成されたページを検索エンジンや SNS のクローラーに 認識させるためには、プリレンダリングでファイルを用意するか SSR（サーバサイドレンダリング）の対応が必要になります。 今回は wordpress の利用が前提だったので、 アクセス開始されたページのみ、<head
HTML5 Experts.jpはなぜこんなにパフォーマンスが悪いのか…全てお見せします！ーWebパフォーマンス改善企画（解析編）
ちなみに後日談…計測対象の個別記事ですが、計測のためのアクセスがかなりの頻度あるため、PVランキングでは常に1位を独占していました（笑）。また、Google Analyticsについても、計測開始前に除外設定しておかないと、正確なデータが得られなくなりますので、ご注意下さい。 計測して問題点を洗い出す ファーストバイトダウンロードタイムの遅延問題 ということで、竹洞さんに一定期間サイトのパフォーマンスデータを計測してもらいました。その結果を見ながら、早速現在のHTML5 Experts.jpの問題点を洗い出します。 竹洞：これがある日の、ブロードバンド回線でChromeを用いてアクセスした時の計測結果です。 見ての通り、ID1のhtmlの取得にすごく時間がかかっていることがわかります。この水色は、ファーストバイトダウンロードタイム（Time To First Byte、以下、TTFB）とい
WordPressSEOプラグインおすすめ22選【保存版】
All in One SEO Packは、簡単にWordPressのSEO対策が行えるプラグインです。Titleタグ、meta descriptionタグ、meta keywordタグ、noindexの設定などがページごとに行えるようになります。トップページや投稿ページは勿論のこと、固定ページ、カテゴリページ、著者ページ、404エラーページ、検索結果ページなどを広くSEO対策することが可能です。 All in One SEO Pack WordPress SEO by Yoast WordPress SEO by Yoastは、All in One SEO Packを高機能にしたプラグインです。各ページのタグ設定やnoindex, follow設定の他にも、OGPやTwitter cardの設定や、「category」スラッグ削除、構造化されたパンくずリストの設置など、他のプラグインをいく
サイトをアピール！Bingウェブマスターツールの登録・設定方法
Microsoftが行う検索サービスにBing(ビング)というものがあります。 Bingウェブマスターツール(無料)とは、登録することでBing seachの検索エンジンにサイトをより探しにきてくれるようになり来訪者数を増やすことにつながります。さらに、閲覧者の情報やキーワードの検索などを確認することができるのでサイトの改善、向上に役立ちます。 ここではBingウェブマスターツールの登録・設定方法を解説していきます。 まずはMicrosoftアカウント(無料)を取得しておこう BingウェブマスターツールにログインするにはMicrosoftのアカウントが必要になります。 まずはMicrosoftへアクセスしてアカウントを取得しましょう。 MicrosoftへアクセスしたらMicrosoftアカウントに登録しようをクリックしましょう。 サインイン画面になります。ちょっと分かりにくいかもしれま
WordPressの「robots.txt」と「metaタグ」のSEO用設定
検索エンジン最適化を図るための、WordPressの「robots.txt」と「metaタグ」の紹介です。 robots.txtとmetaタグの内容は、下記サイトを参考にし、当サイトおよび日本サイト向けに変更しました。 もし使用する場合は、当サイト独自の箇所は、使用するサイトに合わせて修正してご利用ください。 WordPress robots.txt SEO [ASKAPACHE] SEO用のrobots.txt SEO用のmetaタグ SEO用のrobots.txt WordPressを設置しているルート フォルダの「robots.txt」に下記を記述します。 User-agent: * <span class="accent1">Disallow: /cgi-bin</span> Disallow: /wp-admin Disallow: /wp-includes Disallow:
WordPressで作ったサイトを最適化するためのrobots.txt
WordPressで構築している当サイトのrobots.txtを見直そうと思い、参考にした記事をいくつか紹介します。 How to Write WordPress robots.txt for SEO robots.txtファイルは、ウェブを探し回る検索エンジンのロボットに制限を与えるものです。 参考：A Standard for Robot Exclusion ロボットは自動化されており、サイトのページにアクセスする前に、そのサイトにrobots.txtファイルの存在を確認します。 WordPressにとっては、たとえば管理系のファイルなど検索エンジンには必要ではないコンテンツをもっているため、robots.txtの設置は大切です。また、WordPressで生成したページはカテゴリフォルダ、毎月のアーカイブ、タグ一覧など複数のページから同じページを見つけることができます。Googleはコ
WordPressを使ったWebサイトにSEO施行する際に役立つっぽいカスタマイズハック
久々にSEOの記事。以前書いたSEOの カスタマイズハック記事があるのですが、 あれから2年近く経つので新たに記事と して、ここに付け加えておくことにします。 SEO自体、情報が不確かなものなので、 これを行えば最適化出来る！という類の 情報は載せません。 SEOもハサミと同様、結局は使い方次第だと思いますのでコンテンツやターゲットによっては役に立ったり立たなかったり、ということがあるかと思いますが、同時にそれが混乱の元にもなってしまいがちです。 ですので、今日はSEOに効果的なカスタマイズではなく、自分でSEO施工をしやすくする、というカスタマイズ方法を書いておきます。Webマスターのアイデア次第で効果のあるハックにもなるし、効果のないハックにもなると思います。 コード自体は基本的に普通のテンプレートタグを使用してるものが大半です。全部施行しても何の意味も無いので、使えそうなハックがあっ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WEXAL® Page Speed Technology｜レンタルサーバーならConoHa WING
XML Sitemap & Google Newsの設定方法・使い方【サーチコンソール】 | マニュオン
Enhanced lazy-loading performance in 5.9