:2022/12/13FacebookTwitterhatenaPocketLINEURLコピーコピーしましたWebフォントと言っても、この記事でご紹介するのはGoogleフォントに限られるかもしれませんが、20点ほど点数が上がった方法をご紹介します。LighthouseとはLighthouseLighthouseはGoogleが提供するホームページの品質チェックツールです。Insightと同じ採点基準です。「パフォーマンス」はLighthouseの場合、実行環境のネットワーク速度にも依存して点数が決まるため実行するたびに点数が違いますが、数回実行すれば大体そのページの点数は見えてくると思います。パフォーマンスの点数とSEOの関係についてページの表示速度はUX(ユーザーエクスペリエンス)に関わるため、Googleの検索結果表示順位に影響します。ページの読み込み速度を影響する要素として採用することをGoogleは明言しています。Googleが具体的に何をもってそこを判断しているかは分かりませんが、Lighthouseの点数は気にすべきと言えます。パフォーマンスの点数に大きく影響することパフォーマンスの点数に大きく影響するのは、読み込んでいるファイルサイズです。画像を多く使っているページはいかに効果的にファイルを圧縮していようが、やはり点数が下がります。次の画像は当サイトで比較的画像が少ない事業者概要(About)のページの点数と、画像が多いトップページの点数です。当サイトトップページの点数パフォーマンス以外が全て100点というさりげなくもないアピールはさておき、パフォーマンスは事業者概要(About)のページが80点、トップページが51点です。実はトップページの点数は、以前は50~60点だったのがここしばらく30点ぐらいをさまよっていました。気にしていたのですが、先日、ちょっと仕事が落ち着いたときに色々試した中で、Googleフォントの読み込み方法で20点も向上したのです。ファイルサイズ以外では、次にパフォーマンスへの影響が挙げられるのはJavaScriptの利用だと思います。jQueryの利用有無で10点ぐらい違ったという記事もあります。jQueryはプログラミング量が膨大ですからねえ。当サイトはそれも見越して最初からjQuery使ってないので、jQuery利用有無による差は検証していません。パフォーマンスの点数を上げたGoogleフォント読み込み方法について元々、パフォーマンスのために良かれと思って、ダウンロードしたファイルを変換後レンタルサーバーにアップし、そこから読み込んでいたのですが、CDNを使って読み込む方法に変えてみたところ、20点ぐらいアップしました。ユーザーの体感速度としてはレンタルサーバーから読み込む方が早いことが多いと思ってるんですけどね。今のところ、この20点の差が理由で順位が上がったような感じはしていません。順位への影響があるのはユーザーがかなり遅いと感じるようなページのみということをGoogleは提示しているのと、そのようなページでもコンテンツによっては上位に表示されることもある、と提示しているので、この結果だけでは何とも言えませんが。まとめLighthouseのパフォーマンスの点数を意識する場合、Googleフォントはダウンロードして利用するのではなく、CDNで利用した方が現時点良さそうです。Inada)2003年から大手総合電機メーカーでUXデザインプロセスの研究、実践。UXデザイン専門家の育成プログラム開発。SEOにおいても重要なW3Cが定めるWeb標準仕様策定にウェブアクセシビリティの専門家として関わる。保有、数年間ウェブアクセシビリティ基盤委員も務める。その後、不動産会社向けにSaaSを提供する企業の事業開発部で複数サービスを企画、ローンチ。CMSを提供し1000以上のサイトを分析。顧客サポート、サイト運営にも関わる。2022年3月にBringFlowerを開業し、SEOコンサル、デザイン、ウェブ制作を一手に受ける。グッドデザイン賞4件、ドイツユニバーサルデザイン賞2件、米国IDEA賞1件の受賞歴あり。Optimization」の略称で、「検索エンジンに対して最適...【2023年|SEOにおける潮流】オリジナリティー(独自性)/オリジナルコンテンツ現在、Googleの検索順位で上位を獲得するにはオリジナリティー(独自性)が求められます。なるま...【対応してますか?】SSL/TLS対応とSEO効果SSL対応はウェブサイトのセキュリティ対策の一つであり、対応の有無によるGoogle検索順位への影響...SEOは終わるのか?Googleが発表した「SGE」と今後の「SEO」について最初に申し上げますと、SEOは少なくとも当面は終わらないと思います。激しく変化を続けるだけです。SE...サイテーションとは?SEO効果と対策方法、被リンクとの違いSEO対策やMEO対策において、サイテーションの重要性が高まっています。