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

Slide 1

Slide 1 text

SEO ͷͨΊʹ ΤϯδχΞ͕Ͱ͖Δ͜ͱ @ka2jun8 2021/08/30 Node ֶԂ #37

Slide 2

Slide 2 text

ࣗݾ঺հ ## @ka2jun8 / J / ͔ʹ ### ܦྺͱॴଐ - 2014೥4݄ ৽ଔ F ͔Β͸͡·ΔձࣾʢR&Dʣ - 2018೥4݄ த్ R ͔Β͸͡·ΔձࣾʢWeb FEʣ ### ΍ͬͯΔ͜ͱ - Web ϝσΟΞαʔϏεͷάϩʔε - Web ։ൃνʔϜͷϦʔμʔ - ࠷ۙ SEO ͕ϗοτͳτϐοΫ ### ޷͖ͳ΋ͷ - ೫໦ࡔ46 / Dead by Daylight / Twice / HUNTER x HUNTER ্࢘ˢ

Slide 3

Slide 3 text

SEO

Slide 4

Slide 4 text

SEO ͱ͸ • Search Engine Optimization ͷུ • https://webtan.impress.co.jp/g/seo

Slide 5

Slide 5 text

“Google ͔ΒͷྲྀೖΛ૿΍ͤ”

Slide 6

Slide 6 text

ϑϩϯτΤϯυΤϯδχΞʹ Ͱ͖Δ͜ͱͬͯͳΜͩΖ͏ʁ

Slide 7

Slide 7 text

ԶͨͪΤϯδχΞʹͰ͖Δ͜ͱ • meta λάͷ഑ஔ (TDK/noindex etc.) • ៉ྷͳ HTML ϚʔΫΞοϓ • ߏ଄Խσʔλ • Core Web Vitals (=CWV)

Slide 8

Slide 8 text

ΤϯδχΞ͔Βݟͨ SEO ͷภݟΠϝʔδ • SEO ୲౰͕ݴͬͯΔ meta λάೖΕ͓͚ͯ͹͍͍ΜͰ ͠ΐʁ • HTML ϚʔΫΞοϓΛͪΌΜͱ΍͓͚ͬͯ͹͍͍ΜͰ ͠ΐʁ • CWV ΫϦΞ͠ͱ͚͹ Google ʹ΋ߴධՁ͞ΕΔΜͰ͠ΐʁ • Google ͷϥϯΩϯάΞϧΰϦζϜ͸ϒϥοΫϘοΫεͳ Μ͔ͩΒɺͲ͏͍͏ࢪࡦ͕ޮՌత͔ͳΜͯΘ͔Βͳ͍͡Ό Μ… • ࠷ޙ͸ΦΧϧτͷྖҬͰ͠ΐʁ

Slide 9

Slide 9 text

SEO ͱ޲͖߹ͬͯΈΔ

Slide 10

Slide 10 text

SEO ࠶ߟ • Google ͷΞϧΰϦζϜΛج఺ʹ͹͔Γߟ͑Δ ͔ΒΦΧϧτͬΆ͘ͳΔ • ج఺͸Ϣʔβʔ • Ϣʔβʔʹͱͬͯྑ࣭ͳίϯςϯπΛఏڙ͢Δ • → Google ͷݕࡧ݁Ռ͕݁ՌతʹॱҐ্͕͕Δ

Slide 11

Slide 11 text

SEO ࠶ఆٛ 1. ϢʔβʔͷχʔζΛଊ͑Δ͜ͱ 2. ϢʔβʔͷχʔζʹԠ͑Δ ίϯςϯπΛ࡞Δ͜ͱ 3. ίϯςϯπΛϢʔβʔʹಧ͚Δ͜ͱ ഑৴͞ΕΔഔମ͕(PPHMFݕࡧͳ͚ͩ

Slide 12

Slide 12 text

ԶͨͪΤϯδχΞʹͰ͖Δ͜ͱ • meta λάͷ഑ஔ (TDK/noindex etc.) • ៉ྷͳ HTML ϚʔΫΞοϓ • ߏ଄Խσʔλ • Core Web Vitals (=CWV) ৔౰ͨΓతͳ4&0ରࡦʹͳͬͯͳ͍͔ʁ

Slide 13

Slide 13 text

ͱ͸͍͑… • ৬੍΍ཱ৔ͱͯ͠ϢʔβʔͷχʔζΛଊ͑Δ/Ϣʔβʔ޲͚ ͷίϯςϯπΛ࡞ΔΑ͏ͳاըཱҊ͸ΤϯδχΞͷ࢓ࣄ ͡Όͳ͍৔߹΋ଟ͍ • ΤϯδχΞͷग़Δນͳ͠ʁ • ຊ౰ʹΤϯδχΞʹͰ͖Δ͜ͱ͸ͳ͍ͷ͔ʁ 4&0޲͚ʹզʑ͕ߦ͍ͬͯΔ͜ͱΛ঺հ

Slide 14

Slide 14 text

ྫ1. Google αδΣετ API

Slide 15

Slide 15 text

Google αδΣετग़ྗΛࣗಈԽ https://www.google.com/complete/search اըཁ݅ग़͠ΛࣗಈԽͰख఻͏

Slide 16

Slide 16 text

ࢀߟ: 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

Slide 17

Slide 17 text

ྫ2. Google Search Console API

Slide 18

Slide 18 text

Google Search Console • https://webicon.jp/marketing/searchconsole-howto/ https://search.google.com/search-console

Slide 19

Slide 19 text

Google Search Console • API ͕ఏڙ͞Ε͍ͯΔ • ྫ͑͹ɺ͜͜࠷ۙྲྀೖʹد༩͠͸͡ΊͨݕࡧΫΤϦͷҰཡ ͷ௨஌͕Մೳ • τϨϯυxࣗαΠτΛֻ͚߹Θͤ৘ใ͕औಘͰ͖Δ (6*͚ͩͰ͸औΕͳ͍৘ใΛڞ༗͢Δ

Slide 20

Slide 20 text

ྫ3. noindex / nofollow ੍ޚ

Slide 21

Slide 21 text

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 ͞Μ͕ࣗಈੜ੒ܥϖʔδʹΑΓݫ͍͠ͷ͸ˢΛॏཁࢹ͍ͯ͠Δ͔ΒͩͱࢥΘΕΔ

Slide 22

Slide 22 text

noindex / nofollowͷॊೈ੍ޚ • ίϯςϯπͷ਺ʹΑͬͯಈతʹ noindex ͷ੍ޚΛมߋ͢Δ • CGM αʔϏεͷͨΊϢʔβʔ͕ͨ͘͞ΜίϯςϯπΛ ࡞ͬͯ͘ΕΕ͹ Noindex ͕֎ΕΔ࢓૊Έ • ͞Βʹϖʔδ಺ͷ಺෦ϦϯΫ΄΅શͯʹ Nofollow ੍ޚΛ ͚ͭΔ • ϦϯΫઌ͕ Noindex ͷ৔߹͸ Nofollow Λ͚ͭΔ ൒ࣗಈతʹϢʔβʔʹݟͯཉ͍͠ϖʔδʹ (PPHMF#PUͷΫϩʔϧΛूதͤ͞Δ

Slide 23

Slide 23 text

noindex ׂ߹ϞχλϦϯά ఆظతͳϞχλϦϯάͰ ίϯςϯπෆ଍ͷը໘Λڞ༗ • noindex ͷϩδοΫ͑͞ఆٛͰ͖Ε͹Ϟχλ Ϧϯά͕Մೳ

Slide 24

Slide 24 text

اըཱҊͷαϙʔτ͕Ͱ͖Δ • ྫ1. Google αδΣετ API • ྫ2. Google Search Console API • ྫ3. Noindex/Nofollow ੍ޚ → ϢʔβʔͷχʔζΛଊ͑Δ → ϢʔβʔͷٻΊΔίϯςϯπΛ࡞Δ

Slide 25

Slide 25 text

΋ͪΖΜίϯςϯπΛ Ϣʔβʔʹಧ͚Δ͜ͱ΋େࣄ

Slide 26

Slide 26 text

มߋ 㱺 σϓϩΠͷεϐʔυ https://speakerdeck.com/twada/agility-and-quality-characteristics-developers-summit-2021-summer

Slide 27

Slide 27 text

ྫ: Google ΞϧΰϦζϜมߋ΁ ͷਝ଎ͳରԠ • ݕࡧ݁Ռʹදࣔ͞ΕΔϖʔδͷλΠτϧ͸ɺ ͜Ε·Ͱ λά͕༏ઌతʹ࢖ΘΕ͖ͯͨ • 8 ݄Լ०͔Βϖʔδ಺ͷཁૉʢྫ͑͹ h1ʣ͕ ࢖ΘΕΔΑ͏ʹͳͬͨ https://www.suzukikenichi.com/blog/ google-explains-how-they-generate-web- page-titles-in-a-new-way/

Slide 28

Slide 28 text

·ͱΊ • SEO ʹର͢ΔΤϯδχΞͷ޲͖߹͍ํΛҰ෦͝঺ հ͠·ͨ͠ • SEO ͸ϢʔβʔΛج఺ʹߟ͑Δ • SEO ޲͚ʹΤϯδχΞ͕ଞʹͰ͖Δ͜ͱ • ྫ1. Google αδΣετ API • ྫ2. Google Search Console API • ྫ3. Noindex/Nofollow ੍ޚ • ΞδϦςΟߴ͘αʔϏεΛվળ͍ͯ͘͜͠ͱେࣄ

Slide 29

Slide 29 text

SEO ͱ஥ྑ͘ͳΖ͏ ͝ਗ਼ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠