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

バックエンドで頑張るSEO/OGP対策

Avatar for TVer Inc. TVer Inc.
November 20, 2023

 バックエンドで頑張るSEO/OGP対策

2023/11/15
Media-JAWS【第14回】
https://media-jaws.doorkeeper.jp/events/164378

Avatar for TVer Inc.

TVer Inc.

November 20, 2023
Tweet

More Decks by TVer Inc.

Other Decks in Technology

Transcript

  1. SEOରࡦʹ͍ͭͯ ΰʔϧͱ੍໿ • ΰʔϧ ◦ Ϋϩʔϥʔ८ճ࣌ʹΠϯσοΫεొ࿥͞ΕΔ͜ͱ ◦ ൪૊໊ͳͲͰݕࡧ্ҐʹTVer͕ग़ͯ͘Δ͜ͱ • ੍໿

    ◦ ୹ظؒͰղܾ͍ͨ͠(େମ1ʙ2ϲ݄) ◦ όοΫΤϯυͷϦιʔεͷΈͰղܾ͢Δ͜ͱ ▪ Webϑϩϯτ͸·ͩ಺੡ԽͰ͖͍ͯͳ͍ɾɾɾ
  2. SEOରࡦʹ͍ͭͯ WebϑϩϯτͰ࠷దԽ͢Δʹ͸ • ελςΟοΫαΠτδΣωϨʔγϣϯ(SSG) ◦ Ϗϧυ࣌ʹ੩తHTMLΛ࡞੒ ▪ ϢʔβϦΫΤετ࣌ʹ͸ܾ·ͬͨHTMLΛฦ͢͜ͱ͕Ͱ͖Δɻඳը ίετ͕ͱͯ΋͍ܰɻ ▪

    ϒϩά΍υΩϡϝϯταΠτͳͲͷසൟͳߋ৽ͷͳ͍WebαΠτʹ ࠷ద ◦ ࣅͨΑ͏ͳ͜ͱΛόοΫΤϯυͰͰ͖ͦ͏ ▪ GoͰ֤ϖʔδͷ੩తHTMLΛ࡞Γ͍ͨ
  3. SEOରࡦʹ͍ͭͯ HTMLͷऔಘͱฤू 1. ର৅ͷϖʔδ΁ΞΫηε͠HTMLΛऔಘ ◦ ChromeͷDevToolsΛར༻ ▪ github.com/chromedp ◦ ର৅ϖʔδͷURL͸ࣄલʹܾΊͰ༻ҙ

    ▪ DB͔Βऔ͖ͬͯͨΓϋʔυίʔσΟϯάͨ͠Γ...... ◦ ඳը͕ऴΘΔ·Ͱ଴ͭඞཁ͋Γ ▪ ΞΫηεͯ͠਺ඵSleep💤 ◦ ݁ߏటष͍......
  4. SEOରࡦʹ͍ͭͯ CloudFront Functions • Τοδϩέʔγϣϯ্Ͱ࣮ߦ ◦ Lambda@EdgeΑΓ Ϣʔβʔʹۙ ͍ •

    ϥϯλΠϜ͸JavaScript • ܰྔͷॲཧΛߦ͏ͷʹ࠷ద ◦ ࠓճ͸Ϋϩʔϥʔ൑ఆ/ɹɹɹɹɹɹɹɹɹɹɹɹɹURLม ߋʹར༻(ϏϡʔϫʔϦΫΤετ)
  5. TVerͷOGPͷ՝୊ ϦχϡʔΞϧ࣌ͷOGPରԠͱͦͷ՝୊ • OGPରԠ ◦ LP(ϥϯσΟϯάϖʔδ)Λ༻ҙͯ͠ରԠ ▪ SEOͷ՝୊ͱಉ༷ʹmetaλά͕ෆ׬શͩͬͨ • ՝୊

    ◦ ຊདྷͷϖʔδͱLPͰURL͕ҟͳ͍ͬͯͨ ▪ Ϣʔβ͕ϦϯΫΛ௚઀ίϐϖ͢Δͱදࣔ❌ ▪ Ϣʔβମݧ͕ଛͳΘΕͨঢ়ଶ
  6. OGPରԠʹ͍ͭͯ LambdaˏEdge • ϦʔδϣϯΤοδͰ࣮ߦ • ϥϯλΠϜ͸Node.js/Python • CloudFront Functionsʹൺ΂ͯ؇੍͍ݶ ◦

    ൺֱతॏ͍ॲཧʹରͯ͠༏Ґ ◦ ࠓճ͸APIΛୟ͍ͯϨεϙϯεΛੜ੒͢Δͷʹར༻
  7. ·ͱΊ SEOରࡦ • ؆қతͳΫϩʔϥʔΛ࣮૷ • ࣮ࡍʹTVer΁८ճͯ͠੩తHTMLΛੜ੒ • ֤ࣾͷΫϩʔϥʔ͸੩తHTMLΛݟΔΑ͏ʹ ◦ CloudFront

    FunctionsΛར༻ • ΠϯσοΫεొ࿥͞Εݕࡧ݁Ռදࣔ΋ղܾͰ͖ͨ ◦ ϦχϡʔΞϧલҎ্ͷঢ়ଶʹͳͬͨ
  8. ·ͱΊ OGPରԠ • ֤OGP༻metaλάΛਖ਼͘͠ฦ͢APIΛ༻ҙ • ֤ࣾͷOGP Bot͸͜ͷAPI͔ΒฦΔHTMLΛར༻ ◦ CloudFront FunctionsͰOGP

    Bot൑ఆ ◦ Lambda@EdgeͰAPIΛୟ͍ͯHTMLฦ٫ • ֤ϖʔδͱಉURLͰϦΞϧλΠϜͳ৘ใΛฦͤͨ ◦ LPͳͯ͘΋ྑ͍ঢ়گʹͳͬͨ ◦ SNSͰͷϢʔβମݧ͕޲্ͨ͠
  9. ·ͱΊ ࠓޙ • LP͕ແͯ͘΋ྑ͍ঢ়ଶʹ ◦ Ұ෦·ͩLPΛར༻͍ͯ͠Δ ◦ LPͷURLͰͷաڈ෼ͷγΣΞ΁ͷରԠ • վमίετͷ࡟ݮ

    ◦ metaλάͷจݴมߋͳͲվमίετ͕݁ߏߴ͍ ▪ ಛʹSEOରࡦͷ੩తHTML͸ॻ͖ग़͠ͳ͓͞ͳ͍ͱ͍͚ͳ ͍