モバイルファースト適応の見出しアイコン画像コンテンツ見出しの「h1、h2、h3」装飾では、Lマークや縦棒をよく見かけます。モバイルゲドン2017のモバイルファースト時代ではどうでしょうか。いった装飾は、むしろマイナス懸念の方が大です。モバイルは、アイコンが通例です。◇マニュアル本ページは、下記CMSサイトのマニュアルを兼ねています。CMS書籍販売サイトモバイルファーストの見出しアイコンモバイルゲドン2017適応コンテンツ見出しは、アイコン先導が推奨されます。モバイル本格時代では、Webサイト制作も自ず変わってきます。中でも、ECサイトでは売上に直接影響してきます。モバイルゲドン2017では、その影響が直接目に見えないだけに適切な制作更新対応が望まれます。Googleがモバイルゲドン2015やモバイルゲドン2017で述べている、モバイル適応のユーザーフレンドリーとは何でしょうか。そのアンサーは、モバイル閲覧性であることは確かです。そこで大事なのは、モバイルの視覚にうったえるコンテンツ見出しです。その結論が、マガジンスタイルとアイコン画像のセットプレゼンです。コンテンツSEOでよくいわれる、画像Awesomeです。以下の通り、表示も設定も大変シンプルです。モバイルゲンドン2017適応の一環として、弊管理人は各サイトで更新適用を進めているところです。本ページでは、事例紹介を兼ねてすべての見出しにアイコン画像を用いています。PC画面モデルサイトの書籍一覧の画面例です。PC画面の縮小で、アイコン画像が豆粒のように見えています。見出しh1の、書籍一覧・・・の左です。CSSスタイルではなく、画像ダイレクトのカラム配列挿入によっています。モバイル画面レスポンシブの、モバイル画面表示です。モバイルでは、アイコン先導が通例です。見た通り、アイコンが見出しh1を先導する形です。マガジンスタイルの複数カラム配列によるものです。このように、見出しアイコンはPCとモバイルの両方で見出しを引き立てる役割を果たしてくれます。WordpRess固定ページのExcel原稿コンテンツのExcel原稿です。コンテンツ配列は、「1/6+5/6」の割合によっています。アイコン画像は、左の1/6カラムへ配置しています。Excel原稿の、セルD6とD8のショートコードで囲まれた形です。この原稿一式を固定ページへ丸ごとコピペし、ショートコードの間へ画像挿入で編集完了です。Awesomeアイコン画像アイコン画像は、それぞれの見出しテキストを先導する形です。アイコン画像は、自ずと見出しマッチが求められます。パッケージの、SEO強化のためのアイコン画像パーツPROがお役に立ちます。アイコン画像サイズ見出し適性のアイコン画像サイズは、下表の通りです。見出し適性は、代表例です。状況にそって、変わる想定です。Awesomeアイコンは見出しに効果的です。テキストアイコンのため、サイズ面の負荷も微小です。ビジュアルな使い勝手で劣ります。モバイルではサーバーリクエストの200msが一定の負荷となります。これらを勘案すると、画像の表現力の方が優ります。モバイルファースト適応ならアイコン画像の結論です。アイコン画像は、CSSスタイルのバックグランド画像として組込みも可能です。このケースでは、DataURIスキームの適用でサーバーリクエスト負荷の200msをゼロにできます。Googleランクの基準となるGTmetrixスコアの優位性です。反面、手軽なアイコン利用性が失われます。現実面で、マガジンスタイルのアイコン画像は一般画像と同じような手軽さを優先しています。Aスコアは維持の前提です。Aスコア余裕によります。Awesomeアイコンは別として、Lマークや縦棒の見出し装飾は欧米のサイトで見かけた記憶はありません。欧米での2010年以降のモバイルファースト化や、日本語と英語の表現性の違いかも知れません。何れにせよ、モバイルファーストでは今まで以上に一瞬の視覚にうったえる表現性が求められます。アイコン画像は、その要求に応えるものです。パッケージで、汎用Q&Aアイコンは用意されていますか。このような汎用アイコンが用意されています。Q&Aは専用ページによるのが通例ですが、このようにページ途中にも簡単に挿入できます。CSSスタイル設定による、アイコン利用は可能ですか。オーソドックスな、モバイルSEO強化手法です。URIスキームを適用できます。本CMSサイトは対応済みです。関連トピックス本ページに関連する、トピックスです。WEBオンラインサービス>パスワードリセットメールアドレスを入力してください。メールでパスワードが送信されます。