ホームページ制作2018年03月16日2018年、SEOを考えていく上で重要になってくるのはモバイル戦略です。テクニカルな方法は2通り。一つはモバイルフレンドリーなサイト作り。レスポンシブサイトデザインです。今回はAMPとは、AMPの利点、AMPを実際にWordPressに実装するというところまで説明します。Pages)とは何?AMPとはGoogleとTwitterが共同で開発しているフレームワークです。AMPプロジェクト(日本語)があり、キーワードは未来のウェブを、一緒に構築しようです。Conf2018としてアップされています。Pagesという名前の通り、スマートフォンからのモバイルからのアクセスを高速化するという目的があります。AMPを使うとなぜ高速化するのかGoogleあるいはTwitterが、ページをキャッシュするからです。通常ホームページを見たとき、HTMLやCSSやJSを読み込んでサーバーと通信しながらレンダリングしていきますが、GoogleやTwitterがキャッシュしていることで読み込む時間を大幅に削減できます。キャッシュとは、一般的にWEBブラウザ(IE、Edge、Chrome、Safariなど)が1度みたページの画像やCSS、JavaScriptなどデータのやり取りが多いものを覚えていてくれて、表示を早くしてくれる仕組みです。その代わりをGoogleやTwitterがしてくれると考えればいいと思います。AMPを利用するためにはどうしたらいいかAMP独自の要素が3つあります。この3つについて説明していきます。基本的にはHTML5となりますが、一部にAMP固有のタグが必要になります。下のコードでもhtmlのタグの横に⚡がついているのが分かるかと思います。これはampと置き換えるのも可能です。World!</body></html>⚡のマークですが、携帯で検索した結果にもこのマークが出てきます。今国会で話題の「森友問題」と調べて見ると、ニュースサイトのURLの横に⚡がついているのが分かります。ニュースサイトなどは既に実装されているところが多い印象です。タグが使えなくなります。代わりに<amp-img>というタグを使わなければなりません。調べていて、今まで作ったサイトをAMPに対応させようと思うと少し厄介だなと感じました。新しいタグが用意されてます。」タグも用意されてます。※AMP対応のページに埋め込むAMP非対応と対応をつなぐタグです。JavaScriptのライブラリAMPでは原則JQueryが使えません。AMP用のライブラリが用意されています。これについては開発が進んでいるようで、githubにライブラリが公開されています。JSを使用するサンプルが公開されています。lightboxやsidebarなどを使用する場合のサンプルなどもおいてあります。サンプル上を見ると独自に複雑なことをしているのではない限り、ある程度のことは実装可能な気がします。Cacheでフェッチしてキャッシュされるようです。フェッチしてキャッシュしてくれるとは、ざっくり言うと「ページをクロールしてくれて保存してくれる」と考えればいいかと思います。AMPのまとめどうでしょう。わかりますでしょうか。HTMLのサンプルを見ると「あーーー」と思えるのですが、何となくめんどくさい!と思ってしまいます。検索すればプラグインが出てくるのでそれを使うのもいいでしょう。基本的にモバイルの表示速度と相性がいいサイトはニュースレシピECサイトかなと思います。ECサイトではAMPを使っているのといないサイトとでは、コンバージョンが2倍違うという結果が得られたようです。これからECを始めようとする方はAMPを実装したサイトを作っては如何でしょうか。Designへ移行します。date:2018/03/08店舗や企業でSNSの利用を始めようとする上で知っておきたいのがSNSのユーザー層です。date:2018/03/20titleとh1はどう入れたらよいかという質問をいただいたので、タグ付けの基本とSEOについての考察です。date:2018/04/03豊中市で個人事業主として開業するために豊能税務署に行ってきました。date:2018/11/21クライアントの希望で、NTTのBizメール&ウェブのサーバーにサイトを移行することになりました。