Download as PDF, PPTX
![JSONのデータをJSでHTMLに描画
// JSON
[
{
"title": "叢雲",
"genre": "駆逐艦",
"note": “我々の業界ではご褒美です",
"url": “https://murakumo.com”
},
{
"title": "島風",
"genre": "駆逐艦",
"note": “めっちゃ早い",
"url": “https://simakaze.com”
},
]
// HTML
<body>
<h1>艦隊一覧</h1>
<ul>
<li></li>
<li></li>
</ul>
</body>
何でもかんでもJSで処理しない](https://image.slidesharecdn.com/160116seojavascript-160116052529/85/SEO-Java-Script-71-320.jpg)
![JSONのデータをJSでHTMLに描画
// JS
$.getJSON(“itemlist.json” ,function(data) {
$(data).each(function){
$(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)
.appendTo(‘ul li’);
}
});
// HTML
<body>
<h1>艦隊一覧</h1>
<ul>
<li></li>
<li></li>
</ul>
</body>
// JSON
[
{
"title": "叢雲",
"genre": "駆逐艦",
"note": “我々の業界ではご褒美です",
"url": “https://murakumo.com”
},
{
"title": "島風",
"genre": "駆逐艦",
"note": “めっちゃ早い",
"url": “https://simakaze.com”
},
]
何でもかんでもJSで処理しない](https://image.slidesharecdn.com/160116seojavascript-160116052529/85/SEO-Java-Script-72-320.jpg)
![JSONのデータをJSでHTMLに描画
// JS
$.getJSON(“itemlist.json” ,function(data) {
$(data).each(function){
$(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)
.appendTo(‘ul li’);
}
});
// HTML
<body>
<h1>艦隊一覧</h1>
<ul>
<li><h2><a href=“https://murakumo.com”>叢雲</a></h2></li>
<li><h2><a href=“https://simakaze.com”>島風</a></h2></li>
</ul>
</body>
// JSON
[
{
"title": "叢雲",
"genre": "駆逐艦",
"note": “我々の業界ではご褒美です",
"url": “https://murakumo.com”
},
{
"title": "島風",
"genre": "駆逐艦",
"note": “めっちゃ早い",
"url": “https://simakaze.com”
},
]
何でもかんでもJSで処理しない](https://image.slidesharecdn.com/160116seojavascript-160116052529/85/SEO-Java-Script-73-320.jpg)
![JSONのデータをJSでHTMLに描画
// JSON
[
{
"title": "叢雲",
"genre": "駆逐艦",
"note": “我々の業界ではご褒美です",
"url": “https://murakumo.com”
},
{
"title": "島風",
"genre": "駆逐艦",
"note": “めっちゃ早い",
"url": “https://simakaze.com”
},
]
// JS
$.getJSON(“itemlist.json” ,function(data) {
$(data).each(function){
$(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)
.appendTo(‘ul li’);
}
});
// HTML
<body>
<h1>艦隊一覧</h1>
<ul>
<li><h2><a href=“https://murakumo.com”>叢雲</a></h2></li>
<li><h2><a href=“https://simakaze.com”>島風</a></h2></li>
</ul>
</body>
何でもかんでもJSで処理しない
• URLは動的に生成しない
※不完全なURLをクロールしてエラーを出す事がある為](https://image.slidesharecdn.com/160116seojavascript-160116052529/85/SEO-Java-Script-74-320.jpg)
![JSONのデータをJSでHTMLに描画
// JSON
[
{
"title": "叢雲",
"genre": "駆逐艦",
"note": “我々の業界ではご褒美です",
"url": “https://murakumo.com”
},
{
"title": "島風",
"genre": "駆逐艦",
"note": “めっちゃ早い",
"url": “https://simakaze.com”
},
]
// JS
$.getJSON(“itemlist.json” ,function(data) {
$(data).each(function){
$(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)
.appendTo(‘ul li’);
}
});
// HTML
<body>
<h1>艦隊一覧</h1>
<ul>
<li><h2><a href=“https://murakumo.com”>叢雲</a></h2></li>
<li><h2><a href=“https://simakaze.com”>島風</a></h2></li>
</ul>
</body>
何でもかんでもJSで処理しない
• URLは動的に生成しない
※不完全なURLをクロールしてエラーを出す事がある為
• HTML自体に <a href= hoge >で記載する](https://image.slidesharecdn.com/160116seojavascript-160116052529/85/SEO-Java-Script-75-320.jpg)
![JSONのデータをJSでHTMLに描画
// JSON
[
{
"title": "叢雲",
"genre": "駆逐艦",
"note": “我々の業界ではご褒美です",
"url": “https://murakumo.com”
},
{
"title": "島風",
"genre": "駆逐艦",
"note": “めっちゃ早い",
"url": “https://simakaze.com”
},
]
// JS
$.getJSON(“itemlist.json” ,function(data) {
$(data).each(function){
$(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)
.appendTo(‘ul li’);
}
});
// HTML
<body>
<h1>艦隊一覧</h1>
<ul>
<li><h2><a href=“https://murakumo.com”>叢雲</a></h2></li>
<li><h2><a href=“https://simakaze.com”>島風</a></h2></li>
</ul>
</body>
何でもかんでもJSで処理しない
• URLは動的に生成しない
※不完全なURLをクロールしてエラーを出す事がある為
• HTML自体に <a href= hoge >で記載する
• オリジナルテキストは非同期にしない
※Googleはオリジナルテキストを高く評価する傾向がある為](https://image.slidesharecdn.com/160116seojavascript-160116052529/85/SEO-Java-Script-76-320.jpg)
![何でもかんでもJSで処理しない
JSONのデータをJSでHTMLに描画
// JSON
[
{
"title": "叢雲",
"genre": "駆逐艦",
"note": “我々の業界ではご褒美です",
"url": “https://murakumo.com”
},
{
"title": "島風",
"genre": "駆逐艦",
"note": “めっちゃ早い",
"url": “https://simakaze.com”
},
]
// JS
$.getJSON(“itemlist.json” ,function(data) {
$(data).each(function){
$(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)
.appendTo(‘ul li’);
}
});
// HTML
<body>
<h1>艦隊一覧</h1>
<ul>
<li><h2><a href=“https://murakumo.com”>叢雲</a></h2></li>
<li><h2><a href=“https://simakaze.com”>島風</a></h2></li>
</ul>
</body>
• URLは動的に生成しない
※不完全なURLをクロールしてエラーを出す事がある為
• HTML自体に <a href= hoge >で記載する
• オリジナルテキストは非同期にしない
※Googleはオリジナルテキストを高く評価する傾向がある為
• 更に複数ページに利用するとペナルティ
※コンテンツ内容が乏しいページがサイト内に多数あった場合、低品質サイトと判断](https://image.slidesharecdn.com/160116seojavascript-160116052529/85/SEO-Java-Script-77-320.jpg)
![何でもかんでもJSで処理しない
JSONのデータをJSでHTMLに描画
// JS
$.getJSON(“itemlist.json” ,function(data) {
$(data).each(function){
$(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”)
.appendTo(‘ul li’);
}
});
// HTML
<body>
<h1>艦隊一覧</h1>
<ul>
<li><h2><a href=“https://murakumo.com”>叢雲</a></h2></li>
<li><h2><a href=“https://simakaze.com”>島風</a></h2></li>
</ul>
</body>
// JSON
[
{
"title": "叢雲",
"genre": "駆逐艦",
"note": “我々の業界ではご褒美です",
"url": “https://murakumo.com”
},
{
"title": "島風",
"genre": "駆逐艦",
"note": “めっちゃ早い",
"url": “https://simakaze.com”
},
]](https://image.slidesharecdn.com/160116seojavascript-160116052529/85/SEO-Java-Script-78-320.jpg)
Uploaded byYuki Minakawa
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
2016/01/16に開催されたWDF研修「半歩先のSEOで効率よく結果を出そう」で発表させて頂いたLTです。
SEOとJava Script。 〜文書構造とチームと、時々、闇〜
- 1. SEOとJavaScript。 ∼ 文書構造とチームと、時々、闇 ∼ 2016/01/16 WDF研修「半歩先のSEOで効率よく結果を出そう」 DMM.com Labo Yuki Minakawa
- 2. 自己紹介 • 2015/09/01 ∼ DMM.comLabo 加賀デザイン部に フロントエンドエンジニアとしてJoinしました • 業務では、HTML/CSS/JavaScript等の 実装や開発環境の準備・宴会部長まで 幅広くやらせて頂いてます :-) ミナカワ ユウキ HP : kglabo.com
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13. 検索エンジンに反映されるまで 1. 検索エンジンがクローラーを使ってページの情報を集める 検索エンジン Google /Yahoo 等 クローラー GoogleBot 等
- 14. 検索エンジンに反映されるまで 1. 検索エンジンがクローラーを使ってページの情報を集める 情報あつめてきてー 検索エンジン Google /Yahoo 等 クローラー GoogleBot 等
- 15. 検索エンジンに反映されるまで 情報あつめてきてー 検索エンジン Google / Yahoo等 クローラー GoogleBot 等 わかりましたー 1. 検索エンジンがクローラーを使ってページの情報を集める
- 16. 検索エンジンに反映されるまで 情報あつめてきてー 検索エンジン Google / Yahoo等 クローラー GoogleBot 等 1. 検索エンジンがクローラーを使ってページの情報を集める
- 17. 検索エンジンに反映されるまで 1. 検索エンジンがクローラーを使ってページの情報を集める 2. クローラーが集めた情報を検索エンジンがインデックスしていく いただきます！ 検索エンジン Google/ Yahoo 等 クローラー GoogleBot 等 もってきた！
- 18.
- 19.
- 20. 検索エンジンに反映されるまで 1. 検索エンジンがクローラーを使ってページの情報を集める 2. クローラーが集めた情報を検索エンジンがインデックスしていく 検索エンジン Google/ Yahoo 等 データベース 検索結果に表示 各種ブラウザ
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33. 文書構造を意識している • クローラーはソースコードを見ている。 <h1 class="entryTitle">1/16開催WDF研修「半歩先のSEOで効率よく結果を出そう」</h1> <p> WDFの2016年最初のセミナーは、SEOの第一人者でWDFに過去3回講演していただいている 住 太陽さんをお招きして、WDF研修「半歩先のSEOで効率よく結果を出そう」を開催します。 住さんからは、「直近のセミナーで話した内容すべてを詰め込んだ総集編」、 「内容の濃すぎるセミナー」というコメントをいただいています。 日々の運用のヒントが必ず見つかります。ぜひご参加ください。 </p> <h2>半歩先のSEOで効率よく結果を出そう</h2> <p> ウェブマスターの手間と時間は何よりも大切なもの。効果の薄い最適化施策や、 PVばかりで売上につながらないコンテンツ作りに、大切な手間と時間はかけられません。 確実に、しかも、効率よく結果を出すには、集中すべきところとそうでないところを 切り分ける必要があります。 </p>
- 34. 文書構造を意識している • クローラーはソースコードを見ている。 <h1 class="entryTitle">1/16開催WDF研修「半歩先のSEOで効率よく結果を出そう」</h1> <p> WDFの2016年最初のセミナーは、SEOの第一人者でWDFに過去3回講演していただいている 住 太陽さんをお招きして、WDF研修「半歩先のSEOで効率よく結果を出そう」を開催します。 住さんからは、「直近のセミナーで話した内容すべてを詰め込んだ総集編」、 「内容の濃すぎるセミナー」というコメントをいただいています。 日々の運用のヒントが必ず見つかります。ぜひご参加ください。 </p> <h2>半歩先のSEOで効率よく結果を出そう</h2> <p> ウェブマスターの手間と時間は何よりも大切なもの。効果の薄い最適化施策や、 PVばかりで売上につながらないコンテンツ作りに、大切な手間と時間はかけられません。 確実に、しかも、効率よく結果を出すには、集中すべきところとそうでないところを 切り分ける必要があります。 </p> …ほう。大見出しは「1/16開催 WDF..
- 35. 文書構造を意識してない • クローラーはソースコードを見ている。 <b>1/16開催 WDF研修「半歩先のSEOで効率よく結果を出そう」</b><br> <br> WDFの2016年最初のセミナーは、SEOの第一人者でWDFに過去3回講演していただいている 住太陽さんをお招きして、WDF研修「半歩先のSEOで効率よく結果を出そう」を開催します。 住さんからは、「直近のセミナーで話した内容すべてを詰め込んだ総集編」、 「内容の濃すぎるセミナー」というコメントをいただいています。 日々の運用のヒントが必ず見つかります。ぜひご参加ください。 <br> <br> <b>半歩先のSEOで効率よく結果を出そう</b><br> <br> ウェブマスターの手間と時間は何よりも大切なもの。効果の薄い最適化施策や、 PVばかりで売上につながらないコンテンツ作りに、大切な手間と時間はかけられません。 確実に、しかも、効率よく結果を出すには、集中すべきところとそうでないところを 切り分ける必要があります。
- 36. 文書構造を意識してない • クローラーはソースコードを見ている。 <b>1/16開催 WDF研修「半歩先のSEOで効率よく結果を出そう」</b><br> <br> WDFの2016年最初のセミナーは、SEOの第一人者でWDFに過去3回講演していただいている 住太陽さんをお招きして、WDF研修「半歩先のSEOで効率よく結果を出そう」を開催します。 住さんからは、「直近のセミナーで話した内容すべてを詰め込んだ総集編」、 「内容の濃すぎるセミナー」というコメントをいただいています。 日々の運用のヒントが必ず見つかります。ぜひご参加ください。 <br> <br> <b>半歩先のSEOで効率よく結果を出そう</b><br> <br> ウェブマスターの手間と時間は何よりも大切なもの。効果の薄い最適化施策や、 PVばかりで売上につながらないコンテンツ作りに、大切な手間と時間はかけられません。 確実に、しかも、効率よく結果を出すには、集中すべきところとそうでないところを 切り分ける必要があります。 …どういう事だってばよ！？
- 37. 文書構造とは何だったのか • クローラーはソースコードを見ている。 <img src="/images/ttl_h1_01.png"alt=""> <img src="/images/txt_01.png" alt=""> <img src="/images/ttl_h2_01.png" alt=""> <img src="/images/txt_02.png" alt=""> つらい
- 38.
- 39.
- 40.
- 41. クローラー GoogleBot 等 JS CSS クローラーは ソースコードをみている これは一体。
- 42. クローラーは どうしていいのか わからない！ クローラー GoogleBot 等 JSCSS ああ、噂のJSですよね
- 43. クローラーの クローリング！ MP がたりない！ クローラー GoogleBot 等 JS CSS まだ勉強中なんですよね
- 44.
- 45.
- 49.
- 51.
- 53.
- 54.
- 55.
- 56. 役割を分ける • HTMLは適切にマークアップ • 見栄えに関わるものはCSS •インタラクションはJSで
- 57.
- 58.
- 59. 適切なマークアップ • テキストがそのコンテンツを示すタグで囲まれている ・見出しは<h⃝>タグに、段落は<p>で囲まれている etc •HTML要素が正しく利用されている ・<h1>タグ等を文字サイズを大きくする為ではなく、 見出しとして適切に利用する etc
- 60. 適切なマークアップ • テキストがそのコンテンツを示すタグで囲まれている ・見出しは<h⃝>タグに、段落は<p>で囲まれている etc •HTML要素が正しく利用されている ・<h1>タグ等を文字サイズを大きくする為ではなく、 見出しとして適切に利用する etc • テキストにスタイル属性を直接的に含まない ・<font>や<center>タグや<div style= > ・ちゃんとCSSに記載する
- 61.
- 62.
- 63.
- 64.
- 65.
- 66. 非同期コンテンツについて • JavaScriptで動的に生成するコンテンツについては、 クローラーは完全に理解する事ができない。 • HTMLスナップショット？ ・工数が掛かる ・その前に構成的に問題ない？
- 67.
- 68.
- 69.
- 70.
- 71. JSONのデータをJSでHTMLに描画 // JSON [ { "title": "叢雲", "genre":"駆逐艦", "note": “我々の業界ではご褒美です", "url": “https://murakumo.com” }, { "title": "島風", "genre": "駆逐艦", "note": “めっちゃ早い", "url": “https://simakaze.com” }, ] // HTML <body> <h1>艦隊一覧</h1> <ul> <li></li> <li></li> </ul> </body> 何でもかんでもJSで処理しない
- 72. JSONのデータをJSでHTMLに描画 // JS $.getJSON(“itemlist.json” ,function(data){ $(data).each(function){ $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”) .appendTo(‘ul li’); } }); // HTML <body> <h1>艦隊一覧</h1> <ul> <li></li> <li></li> </ul> </body> // JSON [ { "title": "叢雲", "genre": "駆逐艦", "note": “我々の業界ではご褒美です", "url": “https://murakumo.com” }, { "title": "島風", "genre": "駆逐艦", "note": “めっちゃ早い", "url": “https://simakaze.com” }, ] 何でもかんでもJSで処理しない
- 73. JSONのデータをJSでHTMLに描画 // JS $.getJSON(“itemlist.json” ,function(data){ $(data).each(function){ $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”) .appendTo(‘ul li’); } }); // HTML <body> <h1>艦隊一覧</h1> <ul> <li><h2><a href=“https://murakumo.com”>叢雲</a></h2></li> <li><h2><a href=“https://simakaze.com”>島風</a></h2></li> </ul> </body> // JSON [ { "title": "叢雲", "genre": "駆逐艦", "note": “我々の業界ではご褒美です", "url": “https://murakumo.com” }, { "title": "島風", "genre": "駆逐艦", "note": “めっちゃ早い", "url": “https://simakaze.com” }, ] 何でもかんでもJSで処理しない
- 74. JSONのデータをJSでHTMLに描画 // JSON [ { "title": "叢雲", "genre":"駆逐艦", "note": “我々の業界ではご褒美です", "url": “https://murakumo.com” }, { "title": "島風", "genre": "駆逐艦", "note": “めっちゃ早い", "url": “https://simakaze.com” }, ] // JS $.getJSON(“itemlist.json” ,function(data) { $(data).each(function){ $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”) .appendTo(‘ul li’); } }); // HTML <body> <h1>艦隊一覧</h1> <ul> <li><h2><a href=“https://murakumo.com”>叢雲</a></h2></li> <li><h2><a href=“https://simakaze.com”>島風</a></h2></li> </ul> </body> 何でもかんでもJSで処理しない • URLは動的に生成しない ※不完全なURLをクロールしてエラーを出す事がある為
- 75. JSONのデータをJSでHTMLに描画 // JSON [ { "title": "叢雲", "genre":"駆逐艦", "note": “我々の業界ではご褒美です", "url": “https://murakumo.com” }, { "title": "島風", "genre": "駆逐艦", "note": “めっちゃ早い", "url": “https://simakaze.com” }, ] // JS $.getJSON(“itemlist.json” ,function(data) { $(data).each(function){ $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”) .appendTo(‘ul li’); } }); // HTML <body> <h1>艦隊一覧</h1> <ul> <li><h2><a href=“https://murakumo.com”>叢雲</a></h2></li> <li><h2><a href=“https://simakaze.com”>島風</a></h2></li> </ul> </body> 何でもかんでもJSで処理しない • URLは動的に生成しない ※不完全なURLをクロールしてエラーを出す事がある為 • HTML自体に <a href= hoge >で記載する
- 76. JSONのデータをJSでHTMLに描画 // JSON [ { "title": "叢雲", "genre":"駆逐艦", "note": “我々の業界ではご褒美です", "url": “https://murakumo.com” }, { "title": "島風", "genre": "駆逐艦", "note": “めっちゃ早い", "url": “https://simakaze.com” }, ] // JS $.getJSON(“itemlist.json” ,function(data) { $(data).each(function){ $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”) .appendTo(‘ul li’); } }); // HTML <body> <h1>艦隊一覧</h1> <ul> <li><h2><a href=“https://murakumo.com”>叢雲</a></h2></li> <li><h2><a href=“https://simakaze.com”>島風</a></h2></li> </ul> </body> 何でもかんでもJSで処理しない • URLは動的に生成しない ※不完全なURLをクロールしてエラーを出す事がある為 • HTML自体に <a href= hoge >で記載する • オリジナルテキストは非同期にしない ※Googleはオリジナルテキストを高く評価する傾向がある為
- 77. 何でもかんでもJSで処理しない JSONのデータをJSでHTMLに描画 // JSON [ { "title": "叢雲", "genre":"駆逐艦", "note": “我々の業界ではご褒美です", "url": “https://murakumo.com” }, { "title": "島風", "genre": "駆逐艦", "note": “めっちゃ早い", "url": “https://simakaze.com” }, ] // JS $.getJSON(“itemlist.json” ,function(data) { $(data).each(function){ $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”) .appendTo(‘ul li’); } }); // HTML <body> <h1>艦隊一覧</h1> <ul> <li><h2><a href=“https://murakumo.com”>叢雲</a></h2></li> <li><h2><a href=“https://simakaze.com”>島風</a></h2></li> </ul> </body> • URLは動的に生成しない ※不完全なURLをクロールしてエラーを出す事がある為 • HTML自体に <a href= hoge >で記載する • オリジナルテキストは非同期にしない ※Googleはオリジナルテキストを高く評価する傾向がある為 • 更に複数ページに利用するとペナルティ ※コンテンツ内容が乏しいページがサイト内に多数あった場合、低品質サイトと判断
- 78. 何でもかんでもJSで処理しない JSONのデータをJSでHTMLに描画 // JS $.getJSON(“itemlist.json” ,function(data){ $(data).each(function){ $(“<h2><a href=“”+this.url+””>+this.title+”</a></h2>”) .appendTo(‘ul li’); } }); // HTML <body> <h1>艦隊一覧</h1> <ul> <li><h2><a href=“https://murakumo.com”>叢雲</a></h2></li> <li><h2><a href=“https://simakaze.com”>島風</a></h2></li> </ul> </body> // JSON [ { "title": "叢雲", "genre": "駆逐艦", "note": “我々の業界ではご褒美です", "url": “https://murakumo.com” }, { "title": "島風", "genre": "駆逐艦", "note": “めっちゃ早い", "url": “https://simakaze.com” }, ]
- 79.
- 80.
- 81. Slider images スライダーはJSを切っても全部表示されるようにする li {display:none;} JS OFF $(function(){ $(“.slide li”).show(); }); 何でもかんでもJSで処理しない
- 82. スライダーはJSを切っても全部表示されるようにする Slider images li {display:none;} JS OFF $(function(){ $(“.slide li”).show(); }); 何でもかんでもJSで処理しない
- 83. スライダーはJSを切っても全部表示されるようにする Slider images li {display:none;} JS OFF $(function(){ $(“.slide li”).show(); }); 何でもかんでもJSで処理しない
- 84.
- 85.
- 86. 他にも色々 • ナビ等の主要なリンクを非同期コンテンツにしない • JavaScriptによるリダイレクト •ブラウザにレンダリングさせる前に、 サーバサイドでレンダリング出来ないか考える。 • アプリインストールを促す「インタースティシャル広告」も コンテンツの大半を覆うようなものだと、ペナルティ対象
- 87.
- 88.
- 89.
- 90.
- 91.
- 92.
- 93.
- 94.
- 95.
- 96.
- 97.
- 98.
- 99.
- 100.
- 101.
- 102. 弊社がやってる事 • 社内 /社外向けのガイドライン作成
- 103. 弊社がやってる事 • 社内 /社外向けのガイドライン作成 • 定期的な社内勉強会の開催 (東京⇔石川)
- 104. 弊社がやってる事 • 社内 /社外向けのガイドライン作成 • 定期的な社内勉強会の開催 (東京⇔石川) • Slackを利用して活発に情報交換
- 105. 弊社がやってる事 • 社内 /社外向けのガイドライン作成 • 定期的な社内勉強会の開催 • Slackを利用して活発に情報交換
- 106. 弊社がやってる事 • 社内 /社外向けのガイドライン作成 • 定期的な社内勉強会の開催 • Slackを利用して活発に情報交換
- 107.
- 108.
- 109.
- 110. まとめ • クローラーの動きを理解して、 SEOを考慮したマークアップを行うこと。 • 部分的にしか担当できないモノもあるので、 その制限の中で、出来る事は何か考える。 •チームみんなでSEOについて考え、 知識を共有する事、大事。
- 111.