Opublikowano
·
6 min
czytania
Jak dodać dane strukturalne w Framerze i Webflow
Dane strukturalne mówią wyszukiwarkom, czym naprawdę są Twoje strony. Prosty przewodnik: które typy warto dodać, gdzie wkleić kod w Framerze i Webflow oraz jak sprawdzić, czy działa.
Podsumowanie dla zabieganych
Dane strukturalne to niewielki blok JSON-LD w sekcji head, który mówi wyszukiwarkom i silnikom odpowiedzi, czym jest dana strona: firmą, usługą, artykułem czy zestawem pytań.
Cztery typy wystarczą większości firm usługowych: Organization lub LocalBusiness, Service, FAQPage i BlogPosting.
We Framerze każdy skrypt dodaje się w zakładce Code w ustawieniach witryny i wybiera, na których stronach ma działać, także na stronach CMS.
W Webflow dane dla konkretnej strony trafiają do pola Schema markup w jej ustawieniach, także na stronach kolekcji, a blok globalny zostaje w custom code witryny. Potem trzeba opublikować stronę.
Sprawdzaj wynik testem Rich Results Test i walidatorem schema.org. Dane strukturalne dają szansę na bogatsze wyniki, ale ich nie gwarantują.
Co robią dane strukturalne
Dane strukturalne to kod, który opisuje stronę w sposób zrozumiały dla maszyny. Człowiek widzi "gabinet fizjoterapii w Warszawie, otwarty do 18:00, 47 opinii". Robot widzi tekst i musi się domyślać. Dane strukturalne usuwają domysły: to jest LocalBusiness, to jest adres, to są godziny otwarcia, to jest cena usługi.
Zapisuje się je najczęściej w formacie JSON-LD, czyli skrypcie umieszczonym w sekcji head. Odwiedzający go nie widzą i nie zmienia on wyglądu strony. Google rekomenduje JSON-LD zamiast starszych formatów w ogólnych wytycznych dotyczących danych strukturalnych.
Dane strukturalne nie podnoszą pozycji w wyszukiwarce i nie kupują gwiazdek z ocenami. Sprawiają, że strona kwalifikuje się do niektórych typów wyników, i dają silnikom odpowiedzi konkretne fakty do zacytowania, zamiast zgadywania z treści. To cała korzyść i warto ją mieć.
Które typy mają znaczenie dla firmy usługowej
Nie potrzebujesz całego słownika schema.org. Małej firmie usługowej wystarczą cztery typy.
Organization lub LocalBusiness. Nazwa, logo, dane kontaktowe i profile społecznościowe. LocalBusiness, jeśli klienci przychodzą do Ciebie albo obsługujesz określony obszar. Organization, jeśli pracujesz zdalnie. Wystarczy raz, globalnie.
Service. Jeden na każdą stronę usługi: co oferujesz, komu i gdzie. Ten typ agencje pomijają najczęściej, a odpowiada dokładnie temu, czego ludzie szukają.
FAQPage. Dla pytań i odpowiedzi, które są widoczne na stronie. Ten typ silniki odpowiedzi podchwytują najchętniej.
BlogPosting lub Article. Dla treści blogowych, z autorem, datą publikacji i nagłówkiem.
Jeśli witryna ma wyraźną hierarchię, BreadcrumbList to tani piąty dodatek. Wszystko poza tą listą to zwykle praca, której nikt nigdy nie zobaczy.
Gdzie wkleić kod we Framerze
Framer trzyma cały custom code w jednym miejscu, w zakładce Code w ustawieniach witryny. Każdy skrypt ma własne ustawienia, które określają, gdzie trafia i na jakich stronach działa, więc nie potrzebujesz wtyczek ani pól z kodem na poszczególnych stronach.
Otwórz ustawienia witryny, wybierz Code i kliknij Add.
Nadaj skryptowi nazwę, którą łatwo rozpoznasz, np. schema-all-pages albo schema-services.
W polu Placement ustaw Start of
<head>.W polu Page zostaw All dla danych globalnych, takich jak Organization czy LocalBusiness, albo wybierz strony, na których skrypt ma działać, np. Home lub konkretną stronę usługi.
W polu Run ustaw On every page visit.
Wklej JSON-LD w pole Code, w tagu script z typem application/ld+json.
Dla stron szczegółów CMS wybierz w polu Page stronę kolekcji, a Framer pozwoli dodać dane strukturalne dla jej elementów. Wszystkie kroki opisuje przewodnik Framera o dodawaniu custom code.
Na koniec opublikuj stronę. Framer nie stosuje custom code w podglądzie w edytorze, więc testuj na opublikowanym adresie.
Gdzie wkleić kod w Webflow
Webflow ma teraz osobne pole Schema markup w ustawieniach strony, dostępne na każdej stronie, także na stronach kolekcji. Używaj go do danych dotyczących konkretnej strony, takich jak Service, FAQPage czy BlogPosting.
Otwórz panel Pages z lewego paska narzędzi.
Najedź na stronę i kliknij ikonę Settings.
Przewiń do sekcji Schema markup.
Wklej swój JSON-LD albo kliknij Generate schema markup, żeby Webflow AI przygotował go na podstawie treści strony.
Kliknij Save i opublikuj stronę.
Na stronach kolekcji podłącz dynamiczne pola kolekcji, żeby każdy element miał własne wartości. Działają pola Plain text, Image, Link, Number, Date/Time i Option. Pola Reference, Multi-reference i Multi-image nie są obsługiwane. Gdy Webflow AI generuje dane na stronie kolekcji, sam dodaje odpowiednie pola. Sprawdź wynik przed publikacją, tak samo jak sprawdziłbyś własny kod.
Pole wymaga płatnego planu Site albo płatnego Workspace, a generowanie przez AI trzeba włączyć w ustawieniach Workspace. Wszystkie kroki opisuje przewodnik Webflow o dodawaniu danych strukturalnych.
Pole działa osobno dla każdej strony, więc blok Organization albo LocalBusiness zostaw w ustawieniach witryny, w zakładce Custom code, w polu head code. Dzięki temu deklarujesz go raz, a pole Schema markup na każdej stronie zawiera tylko to, co dotyczy tej strony. Dane dodane wcześniej przez custom code nadal działają, więc nie musisz ich przenosić. Nie umieszczaj tylko tych samych danych w obu miejscach, bo opublikujesz je podwójnie. Dane strukturalne działają dopiero po publikacji. Jeśli w źródle strony nic nie ma, najpierw opublikuj ponownie.
Jak to sprawdzić
Nigdy nie zakładaj, że kod działa tylko dlatego, że zapisał się bez błędu.
Sprawdź opublikowany adres w teście Rich Results Test, żeby zobaczyć, do jakich typów wyników strona się kwalifikuje.
Sprawdź go w walidatorze schema.org, który weryfikuje samą składnię, bez filtrowania pod Google.
Po tygodniu lub dwóch otwórz raporty ulepszeń w Google Search Console. To jedyne miejsce, które pokazuje zachowanie danych w całej witrynie, a nie na jednej stronie.
Błędy krytyczne napraw. Ostrzeżenia to zwykle rekomendowane pola, które zostawiono puste, i warto je uzupełnić, jeśli masz te dane.
Nie wiesz, czy Twój schemat jest poprawnie skonfigurowany?
Najczęstsze błędy
Opisywanie faktów, których nie ma na stronie. Google traktuje to jako naruszenie wytycznych i można stracić kwalifikację.
Dodawanie FAQPage do pytań ukrytych w zakładce, która nigdy się nie renderuje. Jeśli odwiedzający tego nie przeczyta, to się nie liczy.
Skopiowanie szablonu i zostawienie wartości typu "Nazwa Twojej firmy" na produkcji. Zdarza się częściej, niż myślisz.
Powtarzanie pełnego bloku LocalBusiness na każdej podstronie, z lekko różnymi danymi. Zadeklaruj go raz, globalnie.
Brak ponownej publikacji, a potem wniosek, że dane strukturalne nie działają.
Najczęściej zadawane pytania
Czy potrzebuję wtyczki albo programisty?
Nie. Framer przyjmuje JSON-LD we wbudowanych ustawieniach custom code, a Webflow ma osobne pole Schema markup. Jeśli umiesz wkleić blok kodu do panelu ustawień, poradzisz sobie sam.
Czy dane strukturalne poprawią moje pozycje w Google?
Nie, a osobę, która to obiecuje, traktuj ostrożnie. Dają kwalifikację do bogatszych wyników i czyste fakty dla silników odpowiedzi.
Czy mogę mieć kilka typów na jednej stronie?
Tak. Strona usługi może mieć jednocześnie Service, FAQPage i BreadcrumbList. Trzymaj je w osobnych tagach script, żeby jeden błąd nie zepsuł pozostałych.
Kiedy zobaczę efekt?
Najpierw Google musi ponownie przeskanować stronę. Od kilku dni do kilku tygodni to norma, a pojawienie się bogatszego wyniku nie jest gwarantowane.
Czy to pomaga w wyszukiwaniu AI?
Pomaga silnikom odpowiedzi czytać Cię poprawnie, co ma znaczenie, gdy podsumowywane są Twoje usługi, lokalizacja i ceny. Tu również nie ma gwarancji, więc traktuj to jako higienę, nie taktykę wzrostu.
