2017年のビッグイベント、モバイルファーストインデックス

これについては以前からも言っていますが…

あなたが、このサイトのようにWordPressを利用しているのであれば、あれを追加するだけでOK!!

だけど、そうじゃない場合はかなり時間がかかる…

そんなあなたに向けたテンプレートがついに登場。

AMPプロジェクトが、レスポンシブWebデザイン&AMPに対応したHTMLのテンプレートを公開。

これを使えば、ッゼロから制作する必要は全くなし!!

AMP Start

今回テンプレートをしているのが、「AMP Start」のサイト。

このサイトで公開されているのは、下記の2つ。

  1. HTMLのテンプレート(PAGE TEMPLATE)
  2. 各パーツ(UI COMPONENTS)

 

PAGE TEMPLATEの使い方

「PAGE TEMPLATE」は、ArticleとBLOGに分かれている。

大きな違いは、Article用には、サイトのロゴを入れる部分はなく、1つの記事(ページ)を制作するのに向いてそうな感じです。

それに比べて、Blogは、サイトのロゴや人気の記事を入れる部分もあり、サイト全体を制作するのに向いている感じです。

サイト全体をBlogで制作し、1つの記事(ページ)をArticleで作るようなイメージです。

カスタマイズできるのであれば、最終的にはどちらも同じ感じにはなりそうです。

文字を打ち変えるだけで、ページが出来上がるので、HTMLやCSSを知らなくてもOKですが…

やはり、色を変えたりカスタマイズした入りしたい場合は、それなりの知識がないと難しい印象を受けます。

UI COMPONENTSについて

「UI COMPONENTS」は、パーツです。

ボタンや、お問い合わせフォームなどに使用できるチェックボックスやラジオボタンなどのパーツ。

そのほかにも、SNSで使えるパーツやリスト(箇条書きや番号付き)、画像系、ナビ、footer、見出し…など。

パーツを組み合わせれば、1つのページができる感じです。

英語のサイトではありますが、一応使い方の解説もあります。

その解説によれば、6ステップで簡単に制作が完了する。
そんな感じで書いています。

まとめ

モバイルファーストインデックスに向けて、スマホ対応サイトは必須の条件です。

この機会に、WordPressを導入するのもオススメですが…

知識的に難しい場合は、AMPに対応させるために今回のテンプレートを利用するのもありかもしれません。

だけど、結局のところ、カスタマイズするには、それなりの知識が必須であることは変わりありません。

これらのテンプレートが登場すると、いよいよ…

そんな印象を受けるのは、私だけなんでしょうか(笑)

 

 

 

浅山佳映子の無料オンラインセミナー&メルマガ情報

【毎週木曜日 20時〜生放送中 いちばん星TV】

ホームページを何とかしたい!!

そんなあなたのための、無料オンライン生ライブセミナーを開催中。
https://goo.gl/MXn6yK

【浅山佳映子のYouTubeチャンネル】

https://www.youtube.com/user/1banbo4

 

【講師・コンサルタントのためのメルマガ配信】

アナウンサーやプロの話手も学ぶ、惹きつけるテクニック。

ブログやホームページを成功に導くノウハウなど…

トップブロガーへと導いたマル秘テクニックも…

365日、毎日配信中!!

https://goo.gl/tHGLO0

【100%夢を叶える秘密のバイブルをメルマガで配信】

独学でWebデザイナーを目指される方を応援するメルマガ。
成功するために必要なものは何か?
トップブロガーへと導いたマル秘テクニックも…

365日メールマガを配信中。

http://www.pchouse-ichibanboshi.com/posts/1955987