Web制作ナビWeb制作ナビWeb制作に役立つ情報やサービスを紹介。BLOG」がリリースされました。デモサイトが公開されています。BLOGもなかなかの高機能です。デザイン性は有料WordPressテーマとして有名なストークやハミングバードに近い印象です。BLOGの特徴を紹介します。JavaScriptやプラグインの使用を徹底的に抑える作りで、高速表示を実現できるテーマに仕上がっています。JavaScript不使用で軽量、高速JavaScriptはCSSの非同期読み込み用のものがフッターに一行記述されているだけです。SNSのシェアボタンもCSSとアイコンフォントで表示しており、JavaScriptを使用していません。JavaScriptはページの読み込み速度に影響を与えるので、使用を抑えることで高速なページ表示が可能になります。唯一使用しているJavaScriptは、CSSの非同期読み込みのためのもので、これはレンダリング速度(ページの表示速度)をより速くするためのものです。BLOGはAMPに対応しています。Pagesの略で、モバイルサイトの表示を高速化するための仕組みです。2016年に本格的に導入され、検索結果にもAMP対応のページが増えてきました。AMPに対応している無料テーマは少ないので、嬉しいですね。AMPページでも通常ページと基本的なデザインが変わりません。検索窓や広告の設置、Twitter、Instagram、YouTubeの埋め込みも可能です。AnalyticsトラッキングコードIDを指定できるので、通常ページと分けたアクセス解析が可能です。AMPページのサンプルです。パンくずリストと投稿記事に構造化データを実装済みパンくずリストと投稿記事には構造化データが実装されています。構造化データはGoogleの検索結果に利用されることがあるので、細かい部分ですが、SEOを意識したサイトの場合、実装しておきたい機能です。構造化データが実装されているかどうかは、構造化データテストツールで確認できます。記事ページのURLを入力してテストを実行、右側の検出画面に表示される「BreadcrumbList」がパンくずリスト、「BlogPosting」がブログ記事の構造化データです。「エラーなし」と表示されていれば、構造化データが正しく実装されています。4パターンのデザイン4パターンのベースデザインが用意されており、カスタマイズ画面から好みのデザインを選択することができます。テーマカラーは自由にカスタマイズが可能です。デザイナーでなくても、美しいブログデザインを実現できます。サイドバー固定表示用のウィジェットエリアがあり、広告表示用のウィジェットアイテムが用意されています。ヘッダーエリア専用の広告枠も用意されています。Adsenseなどの広告の設置が可能です。プラグインを使わずに多機能を実現プラグインを使わずに、関連記事(ページ下部)、記事の目次、シェアボタン、人気記事(ウィジェット)の表示が可能です。プラグインは数が増えるほどページの表示速度が遅くなるので、よく使用する機能をプラグイン無しで実装することで、ページの高速表示に繋がります。簡易お問い合わせフォーム搭載お問い合わせフォーム用のテンプレートが用意されており、簡単にお問い合わせフォームを実装することができます。自動返信機能もあり、お問い合わせを送信したユーザーに自動返信メールを送ることが可能です。7」などのお問い合わせフォーム用プラグインを使わずに実装できるので、ページの軽量化に繋がります。2019.03.24Top。