Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
SEO のためにエンジニアができること
Junya
August 30, 2021
2
1k
SEO のためにエンジニアができること
Junya
August 30, 2021
Tweet
Share
More Decks by Junya
See All by Junya
AMP キャッシュを超えるシステムを自社ドメインで実現する方法 / How to implement a system that goes beyond amp-caching on your domain
ka2jun8
3
1.7k
Chrome Dev Summit 2019振り返り
ka2jun8
0
260
制約と誓約
ka2jun8
6
2.4k
エンジニアになろう
ka2jun8
0
270
Featured
See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
261
17k
The Cult of Friendly URLs
andyhume
68
4.7k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
37
3.2k
Mobile First: as difficult as doing things right
swwweet
213
7.5k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
100
5.9k
Teambox: Starting and Learning
jrom
121
7.6k
Happy Clients
brianwarren
89
5.6k
Become a Pro
speakerdeck
PRO
3
790
Code Reviewing Like a Champion
maltzj
506
37k
Keith and Marios Guide to Fast Websites
keithpitt
404
21k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
350
21k
What's new in Ruby 2.0
geeforr
336
30k
Transcript
SEO ͷͨΊʹ ΤϯδχΞ͕Ͱ͖Δ͜ͱ @ka2jun8 2021/08/30 Node ֶԂ #37
ࣗݾհ ## @ka2jun8 / J / ͔ʹ ### ܦྺͱॴଐ -
20144݄ ৽ଔ F ͔Β͡·ΔձࣾʢR&Dʣ - 20184݄ த్ R ͔Β͡·ΔձࣾʢWeb FEʣ ### ͬͯΔ͜ͱ - Web ϝσΟΞαʔϏεͷάϩʔε - Web ։ൃνʔϜͷϦʔμʔ - ࠷ۙ SEO ͕ϗοτͳτϐοΫ ### ͖ͳͷ - ೫ࡔ46 / Dead by Daylight / Twice / HUNTER x HUNTER ্࢘ˢ
SEO
SEO ͱ • Search Engine Optimization ͷུ • https://webtan.impress.co.jp/g/seo
“Google ͔ΒͷྲྀೖΛ૿ͤ”
ϑϩϯτΤϯυΤϯδχΞʹ Ͱ͖Δ͜ͱͬͯͳΜͩΖ͏ʁ
ԶͨͪΤϯδχΞʹͰ͖Δ͜ͱ • meta λάͷஔ (TDK/noindex etc.) • ៉ྷͳ HTML ϚʔΫΞοϓ
• ߏԽσʔλ • Core Web Vitals (=CWV)
ΤϯδχΞ͔Βݟͨ SEO ͷภݟΠϝʔδ • SEO ୲͕ݴͬͯΔ meta λάೖΕ͓͚͍͍ͯΜͰ ͠ΐʁ •
HTML ϚʔΫΞοϓΛͪΌΜͱ͓͚͍͍ͬͯΜͰ ͠ΐʁ • CWV ΫϦΞ͠ͱ͚ Google ʹߴධՁ͞ΕΔΜͰ͠ΐʁ • Google ͷϥϯΩϯάΞϧΰϦζϜϒϥοΫϘοΫεͳ Μ͔ͩΒɺͲ͏͍͏ࢪࡦ͕ޮՌత͔ͳΜͯΘ͔Βͳ͍͡Ό Μ… • ࠷ޙΦΧϧτͷྖҬͰ͠ΐʁ
SEO ͱ͖߹ͬͯΈΔ
SEO ࠶ߟ • Google ͷΞϧΰϦζϜΛجʹ͔Γߟ͑Δ ͔ΒΦΧϧτͬΆ͘ͳΔ • جϢʔβʔ • Ϣʔβʔʹͱͬͯྑ࣭ͳίϯςϯπΛఏڙ͢Δ
• → Google ͷݕࡧ݁Ռ͕݁ՌతʹॱҐ্͕͕Δ
SEO ࠶ఆٛ 1. ϢʔβʔͷχʔζΛଊ͑Δ͜ͱ 2. ϢʔβʔͷχʔζʹԠ͑Δ ίϯςϯπΛ࡞Δ͜ͱ 3. ίϯςϯπΛϢʔβʔʹಧ͚Δ͜ͱ ৴͞ΕΔഔମ͕(PPHMFݕࡧͳ͚ͩ
ԶͨͪΤϯδχΞʹͰ͖Δ͜ͱ • meta λάͷஔ (TDK/noindex etc.) • ៉ྷͳ HTML ϚʔΫΞοϓ
• ߏԽσʔλ • Core Web Vitals (=CWV) ͨΓతͳ4&0ରࡦʹͳͬͯͳ͍͔ʁ
ͱ͍͑… • ৬੍ཱͱͯ͠ϢʔβʔͷχʔζΛଊ͑Δ/Ϣʔβʔ͚ ͷίϯςϯπΛ࡞ΔΑ͏ͳاըཱҊΤϯδχΞͷࣄ ͡Όͳ͍߹ଟ͍ • ΤϯδχΞͷग़Δນͳ͠ʁ • ຊʹΤϯδχΞʹͰ͖Δ͜ͱͳ͍ͷ͔ʁ 4&0͚ʹզʑ͕ߦ͍ͬͯΔ͜ͱΛհ
ྫ1. Google αδΣετ API
Google αδΣετग़ྗΛࣗಈԽ https://www.google.com/complete/search اըཁ݅ग़͠ΛࣗಈԽͰख͏
ࢀߟ: Google Trends API • Google Trends https://trends.google.co.jp/trends/ https://www.npmjs.com/package/google-trends-api https://github.com/pat310/google-trends-api#autocomplete
ྫ2. Google Search Console API
Google Search Console • https://webicon.jp/marketing/searchconsole-howto/ https://search.google.com/search-console
Google Search Console • API ͕ఏڙ͞Ε͍ͯΔ • ྫ͑ɺ͜͜࠷ۙྲྀೖʹد༩͠͡ΊͨݕࡧΫΤϦͷҰཡ ͷ௨͕Մೳ •
τϨϯυxࣗαΠτΛֻ͚߹Θͤใ͕औಘͰ͖Δ (6*͚ͩͰऔΕͳ͍ใΛڞ༗͢Δ
ྫ3. noindex / nofollow ੍ޚ
noindex / nofollow ͱ • noindex: • ϖʔδ͕ Google ݕࡧʹදࣔ͞Εͳ͍Α͏ʹ͢Δ
• nofollow: • ϦϯΫઌͷϖʔδΛαΠτ͔ΒΫϩʔϧͤ͞ͳ͍Α͏ʹ͢Δ • ϢʔβʔʹͱͬͯෆཁͳϖʔδɺGoogle ݕࡧ݁Ռʹද͖ࣔ͢Ͱͳ͍ • ϢʔβʔʹͱͬͯෆཁͳϖʔδɺGoogle ʹΫϩʔϧͯ͠Β͏ඞཁͳ͍ ࢀߟ: https://developers.google.com/search/docs/advanced/crawling/block-indexing?hl=ja ࢀߟ: https://developers.google.com/search/docs/advanced/appearance/qualify-outbound-links ※࠷ۙ Google ͞Μ͕ࣗಈੜܥϖʔδʹΑΓݫ͍͠ͷˢΛॏཁࢹ͍ͯ͠Δ͔ΒͩͱࢥΘΕΔ
noindex / nofollowͷॊೈ੍ޚ • ίϯςϯπͷʹΑͬͯಈతʹ noindex ͷ੍ޚΛมߋ͢Δ • CGM αʔϏεͷͨΊϢʔβʔ͕ͨ͘͞ΜίϯςϯπΛ
࡞ͬͯ͘ΕΕ Noindex ͕֎ΕΔΈ • ͞Βʹϖʔδͷ෦ϦϯΫ΄΅શͯʹ Nofollow ੍ޚΛ ͚ͭΔ • ϦϯΫઌ͕ Noindex ͷ߹ Nofollow Λ͚ͭΔ ࣗಈతʹϢʔβʔʹݟͯཉ͍͠ϖʔδʹ (PPHMF#PUͷΫϩʔϧΛूதͤ͞Δ
noindex ׂ߹ϞχλϦϯά ఆظతͳϞχλϦϯάͰ ίϯςϯπෆͷը໘Λڞ༗ • noindex ͷϩδοΫ͑͞ఆٛͰ͖ΕϞχλ Ϧϯά͕Մೳ
اըཱҊͷαϙʔτ͕Ͱ͖Δ • ྫ1. Google αδΣετ API • ྫ2. Google Search
Console API • ྫ3. Noindex/Nofollow ੍ޚ → ϢʔβʔͷχʔζΛଊ͑Δ → ϢʔβʔͷٻΊΔίϯςϯπΛ࡞Δ
ͪΖΜίϯςϯπΛ Ϣʔβʔʹಧ͚Δ͜ͱେࣄ
มߋ 㱺 σϓϩΠͷεϐʔυ https://speakerdeck.com/twada/agility-and-quality-characteristics-developers-summit-2021-summer
ྫ: Google ΞϧΰϦζϜมߋ ͷਝͳରԠ • ݕࡧ݁Ռʹදࣔ͞ΕΔϖʔδͷλΠτϧɺ ͜Ε·Ͱ<title> λά͕༏ઌతʹΘΕ͖ͯͨ • 8
݄Լ०͔Βϖʔδͷཁૉʢྫ͑ h1ʣ͕ ΘΕΔΑ͏ʹͳͬͨ https://www.suzukikenichi.com/blog/ google-explains-how-they-generate-web- page-titles-in-a-new-way/
·ͱΊ • SEO ʹର͢ΔΤϯδχΞͷ͖߹͍ํΛҰ෦͝ հ͠·ͨ͠ • SEO ϢʔβʔΛجʹߟ͑Δ • SEO
͚ʹΤϯδχΞ͕ଞʹͰ͖Δ͜ͱ • ྫ1. Google αδΣετ API • ྫ2. Google Search Console API • ྫ3. Noindex/Nofollow ੍ޚ • ΞδϦςΟߴ͘αʔϏεΛվળ͍ͯ͘͜͠ͱେࣄ
SEO ͱྑ͘ͳΖ͏ ͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠