カテゴリーアーカイブ: Web

WordPressでトップページにcanonicalを設置

コアの機能で挿入されないインデックスページに、URL正規化タグを挿入

CMS(Contents Management System)のデファクトスタンダード「WordPress」では、投稿ページ(post)と固定ページ(page)を対象として、URL正規化タグ「canonical」が自動で挿入されます。

しかしながらトップページには、デフォルトにて「canonical」が挿入されないため、ここを改善したいと考えるWebマスターの方も多いのではないでしょうか。そこで当エントリでは、トップページに対して「link rel=”canonical」を設置する方法を幾つか紹介したいと思います。

「prefers-color-scheme(CSS)」による、Webサイトのダークモード

Webブラウザのコンテンツ部分を、ホストOSのテーマと同期させて制御する、CSSのメディア特性

Appleが「macOS Mojave 10.14」より新たに導入し、「iOS 13」「Windows 10」等においても追従したダークモードは、高い視認性や省電力性等の機能性から、一つのアピアランスの枠を超えて多様な広がりを見せており、Webブラウザにおいても、デスクトップ版では「Google Chrome 76」「Mozilla Firefox 67」「Safari 12.1」、モバイル版では「Android webview 76」「Google Chrome 76」「Mozilla Firefox 67」「Safari for iOS 13」(各々、それ以降の版)において、CSSのメディアクエリ「prefers-color-scheme」に対応しています(最初の実装は、米国時間2018年11月7日付にてリリースされた「Safari Technology Preview 69」)。