Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

51ec4d0a70f717097dc9c3d5bb94762f?s=47 Junya
August 30, 2021
1k

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

51ec4d0a70f717097dc9c3d5bb94762f?s=128

Junya

August 30, 2021
Tweet

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 ͱ஥ྑ͘ͳΖ͏ ͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠