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では高速化のためのプラグインが複数あるため,そのうち今回導入した事例を示す
pagespeed insightsの診断結果で「次世代フォーマットでの画像の配信」が上位に来る時,サイト内で読み込んでいる画像のサイズが大きさを減らせば大幅な改善が期待できる。imagifyというプラグインでは,メディアライブラリ上の画像ファイルを(サムネイル等の別サイズも含め)自動的に縮小してくれるため,非常に有効。
画質が気にならない場合はすべてUltraモードで縮小化しても構わない。背景画像等はそもそもの解像度も小さくする(resize)する
pagespeed insightsの診断結果で「レンダリングを妨げるリソースの除外」が上位に来る場合は外部ファイルの読み込み時間を減らすことで大幅な改善が期待できる。Asset CleanUp
を用いて以下の処置をし,速度が改善したので示す。
- cssの縮小化と結合
- 使っていないcssの除去
- Google FontsのCDNリクエストが複数存在する際の一本化&asyncにする
(ただしフロント開発の際はSassのmapとかも無効化され可読性が著しく下がるので開発終了後に行う)