WordPressで考えるこれからのコンテンツ制作
•
0 likes•1,148 views
WordFes Nagoya 2017 登壇資料 https://2017.wordfes.org/
Recommended
Recommended
More Related Content
Similar to WordPressで考えるこれからのコンテンツ制作
Similar to WordPressで考えるこれからのコンテンツ制作 (20)
More from Takami Kazuya
More from Takami Kazuya (20)
WordPressで考えるこれからのコンテンツ制作
- 1. WordPressで考えるこれからの コンテンツ制作 ver.1.0.0 { Event: “WordFes Nagoya 2017” };
- 2. ⾃自⼰己紹介 2 ⾼高⾒見見 和也（Takami Kazuya） h=ps://twi=er.com/miiitaka h=ps://www.facebook.com/miiitaka { Company: “株式会社アラタナ”, Role: “Front-‐‑‒End Developer 兼 ⼈人事” } h=ps://github.com/miiitaka
- 6. Google AnalyPcs の導⼊入 6 1. アカウントの発⾏行行 2. プロパティ・ビューの追加 3. プロパティ：計測タグの発⾏行行（プロパティ作成時に⽣生成される） 4. WordPressのプラグインから計測タグを導⼊入する 5. ビュー：サイト内検索索計測設定 （WordPressだとパラメータ 「s」を設定 ） 6. ビュー：⽬目標設定 7. ビュー：eコマース設定 etc... Google Analytics の導⼊入
- 8. ちょっと寄り道：トラッキングコードの歴史 8 2005/11 urchin.js 2007/12 ga.js（新版と旧版あり） 2009/12 ga.js（⾮非同期トラッキングコード） 2014/04 analytics.js（ユニバーサルアナリティクス） 2017/09 Global site tag （gtag:これからのトラッキングコード） Google Analytics のトラッキングコード
- 9. gtag 9 <!-‐-‐ Global Site Tag (gtag) -‐ Google AnalyPcs -‐-‐> <script async src="h=ps://www.googletagmanager.com/gtag/js?id=UA-‐xxxxxxxxx-‐x"></script> <script> window.dataLayer = window.dataLayer || []; funcPon gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-‐xxxxxxxx-‐x'); </script> プラグインも 対応する必要が あります。 gtagのトラッキングコード
- 11. Search Console の認証 11 認証 Search Console アクセス 解析 Google AnalyPcs
- 12. モバイル ユーザ ビリティ Search Console の認証 12 リンク計測 検索索ワー ド提供 認証 アクセス 解析 Search Console Google AnalyPcs
- 13. モバイル ユーザ ビリティ 他にも導⼊入するなら…… 13 リンク計測 検索索ワー ド提供 認証 Search Console AdWords AdSense Ad Exchange アクセス 解析 広告や アフィリ 認証Google AnalyPcs
- 14. モバイル ユーザ ビリティ ちょっとまって 14 リンク計測 検索索ワー ド提供 認証 Search Console AdWords AdSense Ad Exchange 広告や アフィリ Google AnalyPcs 認証 アクセス 解析
- 15. モバイル ユーザ ビリティ これをやめたい 15 リンク計測 検索索ワー ド提供 認証 Search Console AdWords AdSense Ad Exchange 広告や アフィリ Google AnalyPcs × × 認証 アクセス 解析
- 16. Google Tag Manager 16 タグ関連は Google Tag Manager で
- 17. 認証 モバイル ユーザ ビリティ タグは⼀一括管理理 17 リンク計測 検索索ワー ド提供 認証 Search Console Google AnalyPcs AdWords AdSense Ad Exchange アクセス 解析 広告や アフィリ Google Tag Manager タグ管理理
- 19. リンク計測 モバイル ユーザ ビリティ セキュリティを考える 19 検索索ワー ド提供 認証 Search Console Google AnalyPcs AdWords AdSense Ad Exchange アクセス 解析 広告や アフィリ 認証 タグ管理理 Google Tag Manager セキュリティ対策を 考えます。
- 20. SSL の導⼊入 20 1. Webサイト常時SSL化がこれからの流流れ 2. WAF 3. IPアドレスフィルタリング SSLの導⼊入
- 21. All in One WP Security の導⼊入 21 1. ⾃自動バックアップの設定 2. 登録アカウント以外の管理理画⾯面ログインをロック 3. アクセスログ／エラーログ管理理 4. 適切切なパーミッションの設定 5. Firewall 設定 6. Captcha 設定 7. コメントスパム防⽌止 8. ブラックリスト／ホワイトリスト設定 etc.. All in One WP Security（⼀一例例です）
- 22. AnPVirus の導⼊入 22 1. テーママルウェアスキャン（⼿手動）→テーマを変更更したときなど 2. マルウェア定期チェック（⾃自動） AntiVirus（⼀一例例です）
- 24. 攻撃 検知 モバイル ユーザ ビリティ SEO対策 24 リンク計測 検索索ワー ド提供 認証 Search Console Google AnalyPcs AdWords AdSense Ad Exchange アクセス 解析 広告や アフィリ 認証 タグ管理理 Google Tag Manager SEO対策を 考えます。
- 25. All in One SEO の導⼊入 25 1. canonical 設定 2. ページごとの title 属性設定 3. XML サイトマップの作成 → Search Console で追加 4. robots.txt の作成 → Search Console で確認 5. robots.txt に XML サイトマップを定義 6. OGP 設定（これは SEO ではなく CTR 向上が⽬目的） All in One SEO Pack（⼀一例例です）
- 26. リンク計測 モバイル ユーザ ビリティ 設定と連携 26 検索索ワー ド提供 認証 Search Console Google AnalyPcs AdWords AdSense Ad Exchange アクセス 解析 広告や アフィリ 認証 タグ管理理 Sitemap.xml robots.txt OGP 追加 Google Tag Manager 追加 確認 攻撃 検知
- 27. サイトマップ 27 sitemap.xml と feed を追加
- 30. リンク計測 モバイル ユーザ ビリティ AMP（Accelerated Mobile Pages） の仕組み 30 検索索ワー ド提供 認証 Search Console Google AnalyPcs AdWords AdSense Ad Exchange アクセス 解析 広告や アフィリ 認証 タグ管理理 Sitemap.xml robots.txt OGP 追加 Google Tag Manager 追加 確認 攻撃 検知 AMPを実装します。
- 31. AMP（Accelerated Mobile Pages） の仕組み 31 AMPデータを Googleサーバーに キャッシュ Cache Server HTML AMP-‐HTML サーバーでなく キャッシュサーバ ーへ スマフォ で検索索
- 32. AMP ソースコードの関連性 32 HTML（h=p://example.com/hello-‐world/） AMP-‐HTML（h=p://example.com/hello-‐world/amp） <link rel="amphtml" href="h=p://example.com/hello-‐world/amp"> <html amp> <link rel="canonical" href="h=p://example.com/hello-‐world/"> ◆通常のHTMLファイルとAMPファイルとの関連性 AMP側で 正規化
- 33. AMP プラグイン 33 Automattic 社製 実装が簡単 最近GAの設定が できるように
- 34. Search Console で AMP インデックス確認 34 Search Console で AMP ページの インデックス確認
- 35. リンク計測 モバイル ユーザ ビリティ 設定と連携 35 検索索ワー ド提供 認証 Search Console Google AnalyPcs AdWords AdSense Ad Exchange アクセス 解析 広告や アフィリ 認証 タグ管理理 Sitemap.xml robots.txt OGP 追加 Google Tag Manager 追加 確認 攻撃 検知 AMP
- 37. リンク計測 モバイル ユーザ ビリティ 設定と連携 37 検索索ワー ド提供 認証 Search Console Google AnalyPcs AdWords AdSense Ad Exchange アクセス 解析 広告や アフィリ 認証 タグ管理理 Sitemap.xml robots.txt OGP 追加 Google Tag Manager 追加 確認 攻撃 検知 AMP 構造化マークアッ プを実装します。
- 42. Markup (JSON-‐LD) structured in schema.org プラグイン 42 構造化マークアップ はCTRの向上が⽬目的
- 44. Markup (JSON-‐LD) structured in schema.org × AMP 44 AMPも 構造化マークアップ
- 45. リンク計測 モバイル ユーザ ビリティ 設定と連携 45 検索索ワー ド提供 認証 Search Console Google AnalyPcs AdWords AdSense Ad Exchange アクセス 解析 広告や アフィリ 認証 タグ管理理 Sitemap.xml robots.txt OGP 追加 Google Tag Manager 追加 確認 攻撃 検知 AMP 構造化マークアップ
- 46. PWA とは？ 46 PWA（Progressive Web Apps） どうでしょう？
- 47. マーケティングオートメーションとは？ 47 マーケティングオートメーション どうでしょう？ 「mauPc ( マウティック ) 」 h=ps://jp.mauPc.org
- 48. MFIとは？ 48 MFI（Mobile First Indexing） どうでしょう？
- 50. まとめ 50 まとめ
- 51. まとめ 51 ・コンテンツ作成後に設定することは現状でもさまざま → 効果測定・セキュリティ・SEO対策 etc.. ・これから実装していくこと（進化） → AMP・構造化マークアップ・PWA マーケティングオートメーション・MFI対策 etc..
- 53. -‐‑‒ Add gtag.js to your site（Google Analytics） https://developers.google.com/analytics/devguides/collection/gtagjs/ - Google Schemas https://developers.google.com/schemas/ - Google Search Document https://developers.google.com/search/docs/data-types/data-type-selector - Google ウェブマスター向け公式サイト http://googlewebmastercentral-ja.blogspot.co.id/2015/03/easier-website-development-with-web.html - 構造化テストツール https://search.google.com/structured-data/testing-tool - Markup (JSON-LD) structured in schema.org https://wordpress.org/plugins/wp-structuring-markup/ - AMP https://ja.wordpress.org/plugins/amp/ -‐‑‒ いらすとや http://www.irasutoya.com/search/label/棒⼈人間 参考URL 53