Skip to content

Instantly share code, notes, and snippets.

@atsukoba
Created November 14, 2019 04:43
Show Gist options
  • Save atsukoba/4861e607e519cbb042c1250238aabbf3 to your computer and use it in GitHub Desktop.
Save atsukoba/4861e607e519cbb042c1250238aabbf3 to your computer and use it in GitHub Desktop.
WP tips

SEO

All in One SEO Packでmetaタグ挿入,https://search.google.com/search-consoleでの検索最適化

  • sitemapの登録とping

XML Sitemap Generator for WordPressを用いるが,この際に「html形式のサイトマップを含める」のチェックを外すこと(search console上でxml外の形式だとエラーが出るため)

サイト高速化

https://developers.google.com/speed/pagespeed/insights でのスピード診断を行い,SP/PC両方での速度の向上を図る。 WordPressでは高速化のためのプラグインが複数あるため,そのうち今回導入した事例を示す

imagify

pagespeed insightsの診断結果で「次世代フォーマットでの画像の配信」が上位に来る時,サイト内で読み込んでいる画像のサイズが大きさを減らせば大幅な改善が期待できる。imagifyというプラグインでは,メディアライブラリ上の画像ファイルを(サムネイル等の別サイズも含め)自動的に縮小してくれるため,非常に有効。

画質が気にならない場合はすべてUltraモードで縮小化しても構わない。背景画像等はそもそもの解像度も小さくする(resize)する

Asset CleanUp

pagespeed insightsの診断結果で「レンダリングを妨げるリソースの除外」が上位に来る場合は外部ファイルの読み込み時間を減らすことで大幅な改善が期待できる。Asset CleanUpを用いて以下の処置をし,速度が改善したので示す。

  • cssの縮小化と結合
  • 使っていないcssの除去
  • Google FontsのCDNリクエストが複数存在する際の一本化&asyncにする

(ただしフロント開発の際はSassのmapとかも無効化され可読性が著しく下がるので開発終了後に行う)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment