Web Components
Natywne, wielokrotnego użytku elementy HTML.
Co to jest Web Components?
Web Components to standard pozwalający tworzyć własne, wielokrotnego użytku elementy HTML (np. <moja-karta>), działające natywnie w przeglądarce, bez frameworka. Każdy taki komponent może mieć izolowany styl i logikę, które nie kolidują z resztą strony.
To natywna alternatywa dla komponentów z bibliotek jak React — przenośna między projektami, ale o mniejszym ekosystemie.
Dlaczego to ważne dla SEO
Web Components dają przenośne, izolowane elementy bez wiązania się z konkretnym frameworkiem. Bywają dobrym wyborem dla widżetów osadzanych na różnych stronach.
Jak to sprawdzić
To wybór technologiczny widoczny w kodzie (własne znaczniki, shadow DOM). Dla SEO upewnij się, że treść w nich nie jest niewidoczna dla robotów.
Częste błędy
- Kluczowa treść zamknięta w shadow DOM, trudna dla SEO
- Nadużywanie tam, gdzie wystarczy zwykły HTML
- Brak dbałości o dostępność własnych komponentów
Przykład
<moja-karta tytul="…"></moja-karta>