webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

サイト制作その後 2

mobile friendly test

  • 検索の表示にモバイルフレンドリーでない、と表示されていたのでまずはモバイルフレンドリーテストをします。

https://testmysite.thinkwithgoogle.com

 

f:id:ohta-felica:20160731163523p:plain

 

f:id:ohta-felica:20160731163620p:plain

  •  mobile friendly だけれども、表示速度に問題があるとのこと。

google search console

Google Search Console

f:id:ohta-felica:20160731164212p:plain

f:id:ohta-felica:20160731164430p:plain

  •  ダウンロードした、htmlファイルを、リモートサーバーにアップロードする。
  • ここで作ったファイルは、index.htmlと同じ階層に置く。

f:id:ohta-felica:20160731164550p:plain

 サイトマップを追加する

f:id:ohta-felica:20160731165152p:plain

  •  sitemap.xmlとsitemap.htmlの2種類ある。
  • sitemap.htmlはサイトを見に来た人に、ページの構造を見せるためのもの。
  • sitemap.xml検索エンジンのためにある。
  • .xmlファイルはRSSフィードにも使われる。このファイル形式は検索エンジンにとって、意味のある形式。
  • 下のリンクにあるようなサイトで、サイトマップを自動生成できる。

Create your Google Sitemap Online - XML Sitemaps Generator

f:id:ohta-felica:20160731171031p:plain

f:id:ohta-felica:20160731171210p:plain

  • ダウンロードした、xmlファイルをindes.htmlと同じ階層にアップロードする。
  • http://clogo.jp/sitemap.xmlにアクセスして確認する。
  • まぁ、1カラムだし、1ページだし…

f:id:ohta-felica:20160731171722p:plain

 

f:id:ohta-felica:20160731172103p:plain

 google analytics

https://analytics.google.com/

f:id:ohta-felica:20160731172630j:plain

 

f:id:ohta-felica:20160731172846p:plain

  •  okすると、トラッキング用のコードが発行される。
  • <script>をコピーして、index.htmlのhead部分に張り付ける。
  • そうすれば、トラッキングされて、いろいろな情報を見ることができる。

f:id:ohta-felica:20160731173258j:plain

  1. 「行動」「行動フロー」でページ内でどんなアクションがあったかを知ることができる。押されないボタンなどがわかる。
  2. 「コンバージョン」を使うと、目標を立てて、その達成率を把握できる。
  3. 「リアルタイム」ではいま現在の様子が確認できる。
  4. 「ユーザー」では、どのような層の人たちが訪れたのか知ることができる。

などなど…

f:id:ohta-felica:20160731173731p:plain

そのほか