20141027 movable type seminar
-
Upload
six-apartltd -
Category
Technology
-
view
354 -
download
2
description
Transcript of 20141027 movable type seminar
![Page 1: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/1.jpg)
2014 年 10 月 27 日シックス・アパート株式会社
長内 毅志
Movable Type で構築されたサイトのSEO 対策
![Page 2: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/2.jpg)
当セッションについて
•Google が推奨する SEO の最適化方法を、ポイントを抜き出して再確認
•Movable Type ではどのように実装するか、を実践的に解説
•ある程度 Movable Type をご存知のかた向けの内容となります
![Page 3: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/3.jpg)
スライドの見方
•SEO の解説 => 青
•Movable Type の実装方法 => 緑
![Page 4: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/4.jpg)
アジェンダ
•Google が推奨する SEO 技術の確認とMovable Type の実装–Maile Ohye
–Google I/O 2014
–Matt Cutts
•Movable Type の最新情報
![Page 5: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/5.jpg)
Google が推奨する SEO 技術の
確認と Movable Type の実装
![Page 6: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/6.jpg)
リソース
•YouTube Google チャンネル
•Google ウェブマスターブログ ( 日英 )
•検索エンジン最適化スターターガイド
![Page 7: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/7.jpg)
SEO in under 10 minutes for Startupshttps://www.youtube.com/watch?v=El3IZFGERbM
![Page 8: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/8.jpg)
•新ドメインを www あり、なしを決める–相互に 301 でリダイレクトで片寄せする
•ウェブマスターツールへの登録
•ドメインのチェック
![Page 9: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/9.jpg)
Google ウェブマスターツールへの URL 登録
![Page 10: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/10.jpg)
Movable Type で sitemap.xml を実装する
•検索エンジン用サイトマップの作成
http://www.movabletype.jp/documentation/appendices/sitemap.html
![Page 11: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/11.jpg)
•サイト設計について–サイト構造は適切か
–ナビゲーションは適切か
–トピックごとに別ページに分ける
•構造化されたコンテンツ
![Page 12: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/12.jpg)
Movable Type における実装
•ウェブサイト - ブログによる構造
![Page 13: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/13.jpg)
•コンバージョンを明確にする–問い合わせをもらう
–営業担当者に連絡をもらう
•商品に関する評判を載せる–ユーザーの評価を掲載
–ユーザーのコメントを掲載
![Page 14: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/14.jpg)
Movable Type における実装
•ユーザーからのフィードバックはコメント機能を有効活用
•「 ZenBack 」も便利–Facebook や Twitter などの SNS の反応をマージするオンラインサービス
–シックス・アパートが販売
![Page 16: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/16.jpg)
Movable Type の標準テーマ「 Rainier 」
![Page 17: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/17.jpg)
•ユニークなトピック、タイトル
•meta description に解説を記述する–meta keywords は参考にしていないとのこと
![Page 18: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/18.jpg)
Movable Type の標準テンプレート
•「 meta description 」の入力が可能
![Page 19: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/19.jpg)
「概要」欄に記述した文章は<$MTEntryExcerpt$>
<$MTPageExcerpt$>
というタグで出力できる<meta name=“description”
content="<$mt:EntryExcerpt
remove_html="1"$>">
![Page 20: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/20.jpg)
•静的なファイルの場合、キーワード、小文字、ハイフンを含める–ベースネームは SEO に関連する、と明言してる
![Page 21: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/21.jpg)
ページ速度
•ユーザーが許容できるページ読み込み時間は 2 秒まで(EC ページ、アカマイ調べ )
•Google は 0.5 秒を目安にしている
•表示速度は SEO に明確に影響がある
![Page 22: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/22.jpg)
Movable Type の出力プロファイル
•標準で静的 html 生成
•ダイナミックパブリッシングのための「キャッシュ」機能を標準で実装
![Page 23: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/23.jpg)
etc
•疑わしい SEO 会社の利用は要注意–検索結果の順位保証を唄う会社は信用できない
–リンクプログラムを購入したりするのは NG
![Page 24: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/24.jpg)
Best practices and common mistakes in SEO
![Page 25: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/25.jpg)
モバイルサイトの SEO
![Page 26: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/26.jpg)
モバイルサイトの SEO でありがちなエラー
•モバイルサイトのありがちなエラー–モバイルページで見れないコンテンツが多い、ビデオなど
–動作確認をしよう
–何についてのコンテンツ ( ビデオ ) か、サマリを記述しよう
![Page 27: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/27.jpg)
モバイルサイトの SEO でありがちなエラー
•ブロックされたコンテンツ–robots.txt の設定により、 Google bot がモバイルサイトをクロールできないことが多い
–robots.txt を確認しよう
•Google bot を普通のユーザーとして考え、特殊な対応はしないこと
![Page 28: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/28.jpg)
モバイルサイトの SEO でありがちなエラー
•PC からモバイルへの誘導が 404 になっている場合が多い–www.natinoalwide.com/news =>
m.nationalwide.com/news
•モバイルと PC の URL が異なる場合はリンクエラーチェックを
![Page 29: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/29.jpg)
•PC の各ディレクトリからモバイルのトップページへのリンクは NG
•ユーザーフレンドリーではない
![Page 30: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/30.jpg)
ベストプラクティス
•これからモバイルを始めるならレスポンシブで–今まで説明したエラーが発生する可能性が低い
![Page 31: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/31.jpg)
Movable Type の実装
•Movable Type のテーマはレスポンシブデザイン対応
![Page 32: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/32.jpg)
•オープンソースライセンス (MIT) で、改変・再頒布自由
•カスタマイズして販売しても、クライアントに納品しても OK
![Page 33: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/33.jpg)
•すでにモバイルサイトを持っているなら、 bidirectional annotations をソースコードに加えることをおすすめする
![Page 34: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/34.jpg)
PC:
<link rel="alternate" media="only screen
and (max-width: 640px)"
href="http://mobile.example.com/" />
モバイル:<link rel=“canonical“
href="http://example.com" />
![Page 35: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/35.jpg)
参考 : レスポンシブが SEO に有利なのか?
• Matt Cutts は、 PC とモバイルでページを分けていても問題ない、と言っている
• レスポンシブだと一つの URL で PC ・モバイルの両PageRank 評価を受けるのは事実
https://www.youtube.com/watch?v=D03wRb4s7MU#t=17
![Page 36: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/36.jpg)
多言語サイトの SEO
![Page 37: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/37.jpg)
•複数言語サイトを作っているときに、US と UK で違う結果が出る場合がある
![Page 38: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/38.jpg)
• rel=”alternate” hreflang=”x”
グローバルサイト
<link rel=“alternate” hreflang=“x-default”
href=“http://www.natinoalwide.com/”>
US サイト
<link rel=“alternate” hreflang=“en-us”
href=“http://www.natinoalwide.com/en-us”>
![Page 39: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/39.jpg)
Movable Type の実装
•Head 内のコードで条件分岐
<MTSetVar name=“bname”
value=“<$MTBlogName$>”>
<MTIf name=“bname” eq=“US”>
US 向けのコード
<MTElseIf name=“bname” eq=“UK”>
UK 向けのコード
</MTIF>
![Page 40: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/40.jpg)
スパムに注意
![Page 41: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/41.jpg)
![Page 43: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/43.jpg)
•ページ内にスパムサイトからの改ざん
•スパムサイトへのリンクは SEO 的にマイナス
•ページ内キーワードが突然変化=>SEO 的にマイナス
![Page 44: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/44.jpg)
Matt Cutts Videos
![Page 45: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/45.jpg)
バックリンクの有用性
•バックリンクは有用だが、将来的にはオーサーランクやコンテンツそのものも重要になる。
https://www.youtube.com/watch?v=NCY30WhI2og
![Page 46: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/46.jpg)
Movable Type の実装
•Head 内に Google+ へのリンクを記述
<link rel=“author”
href=“https://plus.google.com/ほげほげ " />
![Page 47: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/47.jpg)
YouTube のビデオ埋め込みには構造化マークアップを
• YouTube など動画の embed の場合、 schema.org や他による構造状態のマークアップをしたほうが拾われやすい
https://www.youtube.com/watch?v=ePG5YYHU5Jo
![Page 48: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/48.jpg)
http://static.googleusercontent.com/media/www.google.co.jp/ja/jp/intl/ja/webmasters/docs/search-engine-optimization-starter-guide-ja.pdf
検索エンジン最適化スターターガイド
![Page 49: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/49.jpg)
nofollow 要素の記述
•コメントなどには「 nofollow 」を
![Page 50: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/50.jpg)
Movable Type の実装
• [ 設定 ] => [ コミュニケーション ] の設定で自動的にコメントに対して nofolow が設定される
![Page 51: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/51.jpg)
•ご紹介した
検索エンジン最適化スターターガイド
は、 Google 用の SEO 対応方法が網羅的に記述されていて、お勧めです。
![Page 52: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/52.jpg)
Movable Type 最新情報
![Page 53: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/53.jpg)
最新バージョン
Movable Type 6.0.5
![Page 54: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/54.jpg)
5 つの新機能
•Data API
•Chart API
•非公開日指定
•Google Analytics との連携
•メッセージセンター
![Page 55: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/55.jpg)
Data API
•JSON形式でデータを取得•PHP 、 JavaScript など言語を問わず拡張
![Page 57: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/57.jpg)
Google Analytics の連携
• Google Analytics と連携してアクセスデータをダッシュボード上に表示
![Page 58: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/58.jpg)
レスポンシブウェブデザインテーマ
•Rainier–ブログ向けテーマ
•Eiger–企業サイト向けテーマ
![Page 59: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/59.jpg)
Apex
•追加テーマ「 Apex 」http://plugins.movabletype.jp/
movable_type/apex.html
![Page 60: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/60.jpg)
Rainier と Eiger 、 Apex のライセンス
•MIT ライセンス ( オープンソース )–自由にカスタマイズ、再頒布可能
–ビジネス利用も可能、オープンソース頒布も
![Page 61: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/61.jpg)
パフォーマンス改善
![Page 62: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/62.jpg)
Movable Type クラウド版
•クラウド環境で MT を提供
•サーバー保守、メンテナンスはシックス・アパートが担当
•月額 5000円~
![Page 63: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/63.jpg)
サーバー配信機能
•外部サーバーへ html送信
•ステージング構成が簡単
![Page 64: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/64.jpg)
バックアップ機能
•1 日に 1 度データをバックアップ
•いつでも復旧可能
![Page 65: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/65.jpg)
2 つの新機能
• IP制限–管理画面、公開サイトへのアクセス制限が可能
•マルチドメイン対応–S4i 、 S4g以上、 10 ドメインまで利用可能
![Page 66: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/66.jpg)
MT on AWS
•AWS marketplace で提供
•T1micro は無料 (AWS使用料別 )
![Page 67: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/67.jpg)
HVM インスタンスに対応
•T2 インスタンスに対応
•再構築時に力を発揮
![Page 68: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/68.jpg)
イベント情報
![Page 69: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/69.jpg)
MTDDC Meetup 2014 開催 !
•2014 年 11 月 29 日 (土 ) 11:00-
19:00
•六本木ミッドタウン
Yahoo! Japan セミナールーム
![Page 70: 20141027 movable type seminar](https://reader036.fdocuments.us/reader036/viewer/2022062320/558ead571a28ab98708b46fd/html5/thumbnails/70.jpg)