SEO のためにエンジニアができること

Transcript

1. SEO ͷͨΊʹ ΤϯδχΞ͕Ͱ͖Δ͜ͱ @ka2jun8 2021/08/30 Node ֶԂ #37
2. ࣗݾ঺հ ## @ka2jun8 / J / ͔ʹ ### ܦྺͱॴଐ - 2014೥4݄ ৽ଔ F ͔Β͸͡·ΔձࣾʢR&Dʣ - 2018೥4݄ த్ R ͔Β͸͡·ΔձࣾʢWeb FEʣ ### ΍ͬͯΔ͜ͱ - Web ϝσΟΞαʔϏεͷάϩʔε - Web ։ൃνʔϜͷϦʔμʔ - ࠷ۙ SEO ͕ϗοτͳτϐοΫ ### ޷͖ͳ΋ͷ - ೫໦ࡔ46 / Dead by Daylight / Twice / HUNTER x HUNTER ্࢘ˢ
3. SEO
4. SEO ͱ͸ • Search Engine Optimization ͷུ • https://webtan.impress.co.jp/g/seo
5. “Google ͔ΒͷྲྀೖΛ૿΍ͤ”
6. ϑϩϯτΤϯυΤϯδχΞʹ Ͱ͖Δ͜ͱͬͯͳΜͩΖ͏ʁ
7. ԶͨͪΤϯδχΞʹͰ͖Δ͜ͱ • meta λάͷ഑ஔ (TDK/noindex etc.) • ៉ྷͳ HTML ϚʔΫΞοϓ • ߏ଄Խσʔλ • Core Web Vitals (=CWV)
8. ΤϯδχΞ͔Βݟͨ SEO ͷภݟΠϝʔδ • SEO ୲౰͕ݴͬͯΔ meta λάೖΕ͓͚ͯ͹͍͍ΜͰ ͠ΐʁ • HTML ϚʔΫΞοϓΛͪΌΜͱ΍͓͚ͬͯ͹͍͍ΜͰ ͠ΐʁ • CWV ΫϦΞ͠ͱ͚͹ Google ʹ΋ߴධՁ͞ΕΔΜͰ͠ΐʁ • Google ͷϥϯΩϯάΞϧΰϦζϜ͸ϒϥοΫϘοΫεͳ Μ͔ͩΒɺͲ͏͍͏ࢪࡦ͕ޮՌత͔ͳΜͯΘ͔Βͳ͍͡Ό Μ… • ࠷ޙ͸ΦΧϧτͷྖҬͰ͠ΐʁ
9. SEO ͱ޲͖߹ͬͯΈΔ
10. SEO ࠶ߟ • Google ͷΞϧΰϦζϜΛج఺ʹ͹͔Γߟ͑Δ ͔ΒΦΧϧτͬΆ͘ͳΔ • ج఺͸Ϣʔβʔ • Ϣʔβʔʹͱͬͯྑ࣭ͳίϯςϯπΛఏڙ͢Δ • → Google ͷݕࡧ݁Ռ͕݁ՌతʹॱҐ্͕͕Δ
11. SEO ࠶ఆٛ 1. ϢʔβʔͷχʔζΛଊ͑Δ͜ͱ 2. ϢʔβʔͷχʔζʹԠ͑Δ ίϯςϯπΛ࡞Δ͜ͱ 3. ίϯςϯπΛϢʔβʔʹಧ͚Δ͜ͱ ഑৴͞ΕΔഔମ͕
    (PPHMF
    ݕࡧͳ͚ͩ
12. ԶͨͪΤϯδχΞʹͰ͖Δ͜ͱ • meta λάͷ഑ஔ (TDK/noindex etc.) • ៉ྷͳ HTML ϚʔΫΞοϓ • ߏ଄Խσʔλ • Core Web Vitals (=CWV) ৔౰ͨΓతͳ
    4&0
    ରࡦʹͳͬͯͳ͍͔ʁ
13. ͱ͸͍͑… • ৬੍΍ཱ৔ͱͯ͠ϢʔβʔͷχʔζΛଊ͑Δ/Ϣʔβʔ޲͚ ͷίϯςϯπΛ࡞ΔΑ͏ͳاըཱҊ͸ΤϯδχΞͷ࢓ࣄ ͡Όͳ͍৔߹΋ଟ͍ • ΤϯδχΞͷग़Δນͳ͠ʁ • ຊ౰ʹΤϯδχΞʹͰ͖Δ͜ͱ͸ͳ͍ͷ͔ʁ 4&0
    ޲͚ʹզʑ͕ߦ͍ͬͯΔ͜ͱΛ঺հ
14. ྫ1. Google αδΣετ API
15. Google αδΣετग़ྗΛࣗಈԽ https://www.google.com/complete/search اըཁ݅ग़͠ΛࣗಈԽͰख఻͏
16. ࢀߟ: 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
17. ྫ2. Google Search Console API
18. Google Search Console • https://webicon.jp/marketing/searchconsole-howto/ https://search.google.com/search-console
19. Google Search Console • API ͕ఏڙ͞Ε͍ͯΔ • ྫ͑͹ɺ͜͜࠷ۙྲྀೖʹد༩͠͸͡ΊͨݕࡧΫΤϦͷҰཡ ͷ௨஌͕Մೳ • τϨϯυxࣗαΠτΛֻ͚߹Θͤ৘ใ͕औಘͰ͖Δ (6*
    ͚ͩͰ͸औΕͳ͍৘ใΛڞ༗͢Δ
20. ྫ3. noindex / nofollow ੍ޚ
21. 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 ͞Μ͕ࣗಈੜ੒ܥϖʔδʹΑΓݫ͍͠ͷ͸ˢΛॏཁࢹ͍ͯ͠Δ͔ΒͩͱࢥΘΕΔ
22. noindex / nofollowͷॊೈ੍ޚ • ίϯςϯπͷ਺ʹΑͬͯಈతʹ noindex ͷ੍ޚΛมߋ͢Δ • CGM αʔϏεͷͨΊϢʔβʔ͕ͨ͘͞ΜίϯςϯπΛ ࡞ͬͯ͘ΕΕ͹ Noindex ͕֎ΕΔ࢓૊Έ • ͞Βʹϖʔδ಺ͷ಺෦ϦϯΫ΄΅શͯʹ Nofollow ੍ޚΛ ͚ͭΔ • ϦϯΫઌ͕ Noindex ͷ৔߹͸ Nofollow Λ͚ͭΔ ൒ࣗಈతʹϢʔβʔʹݟͯཉ͍͠ϖʔδʹ
    (PPHMF#PU
    ͷΫϩʔϧΛूதͤ͞Δ
23. noindex ׂ߹ϞχλϦϯά ఆظతͳϞχλϦϯάͰ
    ίϯςϯπෆ଍ͷը໘Λڞ༗ • noindex ͷϩδοΫ͑͞ఆٛͰ͖Ε͹Ϟχλ Ϧϯά͕Մೳ
24. اըཱҊͷαϙʔτ͕Ͱ͖Δ • ྫ1. Google αδΣετ API • ྫ2. Google Search Console API • ྫ3. Noindex/Nofollow ੍ޚ → ϢʔβʔͷχʔζΛଊ͑Δ → ϢʔβʔͷٻΊΔίϯςϯπΛ࡞Δ
25. ΋ͪΖΜίϯςϯπΛ Ϣʔβʔʹಧ͚Δ͜ͱ΋େࣄ
26. มߋ 㱺 σϓϩΠͷεϐʔυ https://speakerdeck.com/twada/agility-and-quality-characteristics-developers-summit-2021-summer
27. ྫ: Google ΞϧΰϦζϜมߋ΁ ͷਝ଎ͳରԠ • ݕࡧ݁Ռʹදࣔ͞ΕΔϖʔδͷλΠτϧ͸ɺ ͜Ε·Ͱ<title> λά͕༏ઌతʹ࢖ΘΕ͖ͯͨ • 8 ݄Լ०͔Βϖʔδ಺ͷཁૉʢྫ͑͹ h1ʣ͕ ࢖ΘΕΔΑ͏ʹͳͬͨ https://www.suzukikenichi.com/blog/ google-explains-how-they-generate-web- page-titles-in-a-new-way/
28. ·ͱΊ • SEO ʹର͢ΔΤϯδχΞͷ޲͖߹͍ํΛҰ෦͝঺ հ͠·ͨ͠ • SEO ͸ϢʔβʔΛج఺ʹߟ͑Δ • SEO ޲͚ʹΤϯδχΞ͕ଞʹͰ͖Δ͜ͱ • ྫ1. Google αδΣετ API • ྫ2. Google Search Console API • ྫ3. Noindex/Nofollow ੍ޚ • ΞδϦςΟߴ͘αʔϏεΛվળ͍ͯ͘͜͠ͱେࣄ
29. SEO ͱ஥ྑ͘ͳΖ͏ ͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠