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

PolymerのSEO&SSRの対策と手法 / Polymer SEO & SSR

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for aggre aggre
February 06, 2018
Technology
890
0

PolymerのSEO&SSRの対策と手法 / Polymer SEO & SSR

https://polymer-japan.connpass.com/event/77121/ の登壇資料です

Avatar for aggre

aggre

February 06, 2018

More Decks by aggre

See All by aggre
The money for the openable and shareable era
Avatar for aggre aggre
0
540
エンジニアは会社に何を求めるか? / What does engineers wants the company?
Avatar for aggre aggre
0
170
The importance of open assets
Avatar for aggre aggre
0
110
Fully AMP pros and cons
Avatar for aggre aggre
0
240
Web Components のリアル/ Realistic Web Components
Avatar for aggre aggre
12
8.5k
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @OSS Universe
Avatar for aggre aggre
1
410
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @CryptoBowl
Avatar for aggre aggre
1
470
Mastering lit-html directive
Avatar for aggre aggre
0
480
非中央集権ウェブ / Decentralized Web
Avatar for aggre aggre
3
630

Other Decks in Technology

See All in Technology
ルールやカスタム機能、どう使う？理想の出力を引き出すために今知りたいIBM Bob 5つの機能
Avatar for mu (Mizuho Uehara) muehara
0
150
A Harness for Behaviour: how to get AI to generate code that does what we intend, or "TDD in the age of AI"
Avatar for Matteo Vaccari xpmatteo
1
520
TROCCOで始めるクラウドコストを民主化するためのFinOps
Avatar for Hiroki Takatsuka tk3fftk
1
470
プラットフォームエンジニア ワークショップ/ platform-workshop
Avatar for Databricks Japan databricksjapan
0
140
Platform engineering for developers, architects & the rest of us (AI agents)
Avatar for danielbryantuk danielbryantuk
0
150
Oracle AI Database@Google Cloud：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
6
1.5k
管理アカウント単一運用からAWS Organizationsに移行するの大変で滅
Avatar for 平目 hiramax
0
330
OpenID Connectによるサービス間連携
Avatar for Shigeki Shoji takesection
0
150
AI時代から振り返るTerraform drift運用の歴史 / AI Age Reflections on the History of Terraform Drift Operations
Avatar for AEON aeonpeople
0
610
関西に縁あるMicrosoft MVPsが語るCopilotの未来
Avatar for Kaz Asada | しがない情シス kasada
0
570
Platform Engineering as a Product: Criteria for Improvement and Multi-Tenant Design
Avatar for Kumo Ishikawa kumorn5s
0
400
AIが変えた"品質の守り方"
Avatar for kkakizaki kkakizaki
13
5.4k

Featured

See All Featured
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
270
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.2k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
1.1k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.2k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
250
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.7k
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
940
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k
Claude Code のすすめ
Avatar for schroneko schroneko
67
220k

Transcript

  1. None

  2. Polymer Polymer(Web Components) SSR SSR

  3. /shop/234.html

  4. /shop/234.html

  5. /shop/234.html

  6. /shop/234

  7. /shop/234

  8. /shop/234

  9. /shop/234

  10. /shop/234 ???

  11. None
  12. None
  13. None

  14. Shadow DOM

  15. Shady DOM

  16. HTML HTML

  17. None
  18. None

  19. Polymer Polymer(Web Components) SSR SSR

  20. Shadow DOM Serverless Components

  21. Polymer Polymer(Web Components) SSR SSR

  22. SSR SSR • • • • CGM( e.g. ) •

    EC … • • • • • • …

  23. SSR SSR or

  24. None
  25. None

  26. <head> ? <body> ?

  27. <head> SSR <body> SSR or

  28. Polymer Polymer(Web Components) SSR SSR

  29. JavaScript <title> <meta> <head> SSR <body> SSR

  30. JavaScript HTML OK <head> SSR <body> SSR

  31. JavaScript HTML OK <head> SSR <body> SSR

  32. 1. Node.js 2. Browser in Server 3. Slot

  33. None

  34. Skate.js Node.js window HTML

  35. None

  36. Headless Chrome(Puppeteer)

  37. None

  38. Custom Elements HTML

  39. • Node.js • Browser in Server • Slot

  40. None