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

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for aggre aggre
February 06, 2018
Technology
900
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
180
The importance of open assets
Avatar for aggre aggre
0
120
Fully AMP pros and cons
Avatar for aggre aggre
0
250
Web Components のリアル/ Realistic Web Components
Avatar for aggre aggre
12
8.6k
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @OSS Universe
Avatar for aggre aggre
1
420
OSS の持続的開発をトークンエコノミーで支援する / Dev Token @CryptoBowl
Avatar for aggre aggre
1
520
Mastering lit-html directive
Avatar for aggre aggre
0
480
非中央集権ウェブ / Decentralized Web
Avatar for aggre aggre
3
650

Other Decks in Technology

See All in Technology
多摩川(.dev)ランニング入門 / Tamagawa.dev#3
Avatar for FUJIWARA Shunichiro fujiwara3
3
330
AIエージェントの開発・提供におけるセキュリティリスクの論点と対策
Avatar for GMO Flatt Security flatt_security
1
530
Sony-DroidKaigi2026
Avatar for ソニー株式会社 sony
1
310
AIエージェントを雇う前に決める5つのこと
Avatar for 西岡 賢一郎 (Kenichiro Nishioka) knishioka
1
150
IDperturb: Enhancing Variation in Synthetic Face Generation via Angular Perturbation
Avatar for SansanTech sansantech
PRO
0
130
bet_ai_day_2026_session02
Avatar for 株式会社AgenticSec agenticsec
1
910
[DroidKaigi 2026] Making UI specifications visible: Android UI development in the AI agent era supported by Compose Screenshot Testing and galleries
Avatar for syarihu syarihu
0
530
『止めない』を設計する — 制約の中で、事業の根幹を支える判断
Avatar for Terry hiroyaterui
0
150
作り直せるコードは迅速に 作り直せないDBは慎重に - AI時代のプロダクトエンジニアが「判断の不可逆性」で開発速度を変える話
Avatar for kinosuke01 kinosuke01
0
180
AI-DLCって実際どう？ 〜聞きたいこと全部聞いてみる〜
Avatar for 荒木 ARK news_it_enj
0
210
なぜSRE・セキュリティは評価されないのか？守りの組織を事業成長エンジンに変えた実践
Avatar for サイバーセキュリティクラウド cscengineer
PRO
2
2.1k
KPIだけでは評価できないプロダクトが考えるべき Evalsという第二の評価系 / Beyond KPIs: Evals as a Second Evaluation Framework for Products #PdEConf
Avatar for Aki / @LoveIdahoBurger aki_iinuma
3
3.5k

Featured

See All Featured
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
440
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.8k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
500
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
230
A Soul's Torment
Avatar for Nat Ma seathinner
7
3.5k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
840
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
520
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
2.1k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
400
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.6k

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