Meta description w HTML to krótki, zwięzły opis zawartości strony internetowej, umieszczony w specjalnym znaczniku w sekcji „head” kodu HTML. Jego głównym zadaniem jest przedstawienie użytkownikom w wynikach wyszukiwania (SERP), czego mogą się spodziewać po kliknięciu danej strony, oraz zachęcenie ich do odwiedzenia witryny.
Czym jest meta description i jak wygląda w kodzie HTML?
- Meta description jest tekstem informacyjnym, przechowywanym w znaczniku
<meta name="description" content="...">, - każda podstrona powinna mieć własny, unikalny opis, aby trafnie oddać jej tematykę oraz zachęcić potencjalnych użytkowników do kliknięcia,
- przykładowy zapis w kodzie HTML wygląda następująco:
<meta name="description" content="Poznaj najlepsze praktyki meta description i dowiedz się, jak skutecznie zwiększyć ruch na swojej stronie dzięki atrakcyjnym opisom w wynikach wyszukiwania." />
Opis ten nie jest widoczny bezpośrednio na stronie internetowej, natomiast pojawia się w wynikach wyszukiwarki pod tytułem strony, tworząc tzw. snippet.
Rola i znaczenie meta description
- Zwiększanie CTR (Click-Through Rate) – odpowiednio skonstruowany meta description wpływa na to, jak wielu użytkowników wybierze właśnie tę stronę spośród innych propozycji wyświetlonych w wynikach wyszukiwania;
- Pierwszy kontakt z treścią – to opis, który – razem z tytułem strony – stanowi często pierwszy punkt styku użytkownika z marką czy serwisem;
- Prezentacja zawartości – meta description powinien klarownie informować, czego dotyczy dana podstrona, by nie wprowadzać internautów w błąd i pomóc im szybciej znaleźć pożądane informacje;
- Współpraca z systemami CMS – nowoczesne systemy zarządzania treścią pozwalają na swobodne edytowanie i optymalizację meta description dla każdej podstrony z osobna. To kluczowe z punktu widzenia pozycjonowania i marketingu treści.
Jak wyszukiwarki wykorzystują meta description
- Jeśli strona posiada dobrze napisany meta description, zostanie on najczęściej wyświetlony w wynikach wyszukiwarki,
- gdy opis jest pominięty lub nieadekwatny do zapytania, algorytmy mogą automatycznie wygenerować fragment tekstu z treści strony, który wydaje się bardziej trafny dla szukanej frazy,
- opis meta nie wpływa bezpośrednio na pozycję strony w wynikach wyszukiwania, ale może znacząco zwiększyć ilość odwiedzin dzięki wyższej atrakcyjności prezentacji oferty czy treści.
Przykłady zastosowania meta description
-
Strona oferująca usługi –
<meta name="description" content="Skorzystaj z profesjonalnych usług fotograficznych. Zdjęcia ślubne, portrety i sesje plenerowe – poznaj naszą pełną ofertę już dziś!" /> -
Sklep internetowy –
<meta name="description" content="Kupuj markowe buty online. Szeroki wybór modeli, ekspresowa dostawa i darmowy zwrot. Odkryj nową kolekcję!" /> -
Blog tematyczny –
<meta name="description" content="Dowiedz się, jak efektywnie planować podróże i poznaj niezbędne wskazówki dla początkujących globtroterów." /> -
Strona firmy –
<meta name="description" content="Nasza firma oferuje doradztwo biznesowe dla przedsiębiorców. Sprawdź, jak możemy pomóc rozwinąć Twój biznes." />
Dobre praktyki tworzenia meta description
- Ogranicz długość opisu do ok. 150–160 znaków – dłuższe teksty mogą zostać obcięte w wynikach wyszukiwania,
- umieszczaj kluczowe słowa opisujące temat podstrony, które odpowiadają wyszukiwanym zapytaniom użytkowników,
- pisz zwięźle, jasno i atrakcyjnie, motywując użytkownika do kliknięcia – traktuj opis jako mini-reklamę strony,
- dla każdej podstrony przygotuj unikalny meta description, aby uniknąć powielania opisów w całym serwisie.
Wnioski i podsumowanie zastosowań
Meta description to nie tylko techniczny element kodu strony, ale przede wszystkim skuteczne narzędzie prezentacji oferty i nawigacji użytkowników. Odpowiednio zaplanowany, unikalny i przemyślany opis zwiększa prawdopodobieństwo, że potencjalni klienci wybiorą właśnie Twoją stronę z wyników wyszukiwania. Każda nowoczesna witryna powinna posiadać właściwie skonfigurowane meta description dla wszystkich ważnych podstron.
