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

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

Avatar for aggre aggre
February 06, 2018
Technology
0
880

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

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

Avatar for aggre

aggre

February 06, 2018
Tweet

More Decks by aggre

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

Other Decks in Technology

See All in Technology
「リリースファースト」の実感を届けるには 〜停滞するチームに変化を起こすアプローチ〜 #RSGT2026
Avatar for KintoTech_Dev kintotechdev
0
940
マーケットプレイス版Oracle WebCenter Content For OCI
Avatar for oracle4engineer oracle4engineer
PRO
5
1.5k
Node vs Deno vs Bun 〜推しランタイムを見つけよう〜
Avatar for すずとも kamekyame
1
480
自己管理型チームと個人のセルフマネジメント 〜モチベーション編〜
Avatar for KAKEHASHI kakehashi
PRO
5
2.9k
純粋なイミュータブルモデルを設計してからイベントソーシングと組み合わせるDeciderの実践方法の紹介 /Introducing Decider Pattern with Event Sourcing
Avatar for Tomohisa Takaoka tomohisa
1
1.1k
製造業から学んだ「本質を守り現場に合わせるアジャイル実践」
Avatar for yaskamito kamitokusari
0
640
Oracle Database@Azure：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
3
360
これまでのネットワーク運用を変えるかもしれないアプデをおさらい
Avatar for da-hatakeyama hatahata021
2
130
Oracle Database@AWS：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
2
870
戰略轉變：從建構 AI 代理人到發展可擴展的技能生態系統
Avatar for Bo-Yi Wu appleboy
0
190
First-Principles-of-Scrum
Avatar for Kenji Hiranabe hiranabe
4
2.1k
サラリーマンソフトウェアエンジニアのキャリア
Avatar for YuheiNakasaka yuheinakasaka
40
19k

Featured

See All Featured
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.1k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
0
120
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
250
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
4.9k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
9.3k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
77
5.2k
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
96
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
58
41k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
2
200
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
80
6.1k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
130

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