Dołącz do czytelników
Brak wyników

SEM/SEO

21 grudnia 2021

NR 61 (Grudzień 2021)

Metatagi w praktyce – jak tworzyć skuteczne tytuły, opisy i inne znaczniki pod SEO

0 53

Metatagi są częścią tagów HTML które potrafią istotnie wpłynąć na sposób wyświetlania Twojej strony internetowej w wynikach wyszukiwarek, takich jak Google, Bing czy Yandex. Co więcej, w dzisiejszym świecie nieustannej gonitwy za zwiększaniem konkurencyjności, metatagi są obowiązkowym punktem wyjściowym, który najczęściej odnajdziesz w sekcji HEAD kodu źródłowego serwisu. Google świetnie radzi sobie z odczytywaniem metatagów zarówno w formacie HTML, jak i XHTML. Mimo to, przesadne wykorzystanie wielu metadanych nie wpłynie na zmianę Twojej pozycji. Dlatego skupmy się tylko na tych najbardziej istotnych znacznikach, które realnie poprawią Twoje rezultaty SEO.

Meta Title

Wszystkie strony HTML wymagają podania tytułu wskazującego treść, którą zamieszczasz na danej stronie. Sam znacznik 
to w praktyce jeden z najważniejszych znaczników mających wpływ na prezentację i pozycję strony internetowej (rys. 1). <br>  </p><div class="sep-txt"><p>POLECAMY</p></div> <div style="margin-bottom:60px;" id="smb_3592"></div> <div style="text-align:center"> <figure class="image" style="display:inline-block"><img alt="" height="127" class="picture lazy-image" data-src="//forumlogopedy.pl/media/cache/resolve/thumb/uploads/61c/1ce/61c1ce9dd2bf3549325973.png" width="673"><figcaption>Rys. 1. Metadane w wynikach wyszukiwarki Google</figcaption></figure></div> <p><br> Głównymi problemami w przypadku tworzenia opisów meta title jest ich słaba optymalizacja. Najczęściej są one za krótkie lub zbyt długie. W konsekwencji nie przedstawiają użytkownikom rzeczywistej zawartości strony internetowej w sposób bezpośredni. <br> Jeśli Twój title będzie na tyle długi, że przekroczy barierę 600 px długości, musisz liczyć się z tym, że liczba znaków wyniku wyszukiwania zostanie ograniczona, a pod koniec tytułu w miejscu pełnej treści pojawi się wielokropek. <br> Jeśli chcesz konkurować o najwyższe pozycje, to konstruując tytuł powinieneś pamiętać o najważniejszych, dobrych praktykach. Pierwsza z nich dotyczy unikalności. Na jedną podstronę serwisu powinien przypadać jeden unikalny tytuł. Obecnie znaczna część meta tytułów jest tworzona w sposób chaotyczny bez uprzedniego zaplanowania. Pamiętaj, że nawet dla paginacji możesz wypracować unikalność. Wystarczy, że do tytułu dodasz informacje o aktualnej stronie, na jakiej znajduje się użytkownik (np. Moja ulubiona kategoria | Strona 3 z 20). Title jest również świetnym miejscem na elementy CTA, dzięki wcześniejszemu planowaniu i testowaniu różnych formatów w końcu odnajdziesz ten, który trafi do docelowej grupy użytkowników, jednocześnie poprawiając Twoje wyniki konwersji. <br> Po drugie, pamiętaj o korelacji treści tytułu z nagłówkiem H1. Powinna być ona ze sobą ściśle powiązana. Aktualnie, jednym z najpowszechniejszych błędów jest celowe umieszczanie tego samego tekstu w nagłówku H1 oraz meta title. Google od ponad 10 lat ocenia i generuje tytuły, uwzględniając znacznik meta title, jednak od niedawna za sprawą aktualizacji algorytmu do oceny wykorzystuje również teksty nagłówków H1, które użytkownicy często widzą jako pierwsze po przekierowaniu na wybrany serwis. <br> Co więcej, tworząc tytuły, nie zapominaj o odpowiednim researchu i ustaleniu potencjałów słów kluczowych dla Twoich przyszłych fraz. Skutecznym instrumentem, który pomoże Ci ustalić potencjały, jest darmowe narzędzie Google Keyword Planner. Natomiast kiedy sformułujesz już grupy najważniejszych słów kluczowych, staraj się umiejętnie wpleść je na początek tytułu, z kolei te mniej istotne umieść na jego końcu (rys. 2).<br>  </p> <div style="text-align:center"> <figure class="image" style="display:inline-block"><img alt="" height="451" class="picture lazy-image" data-src="//forumlogopedy.pl/media/cache/resolve/thumb/uploads/61c/1ce/61c1cebb29c86078840617.png" width="697"><figcaption>Rys. 2. Google Keyword Planner – darmowe narzędzie do poszukiwania słów kluczowych<br> dostępne online. Źródło: <a href="https://bit.ly/30sp1g4">https://bit.ly/30sp1g4</a></figcaption></figure></div> <h3><br> Meta Description </h3> <p>Tag meta description nie przekłada się bezpośrednio na pozycję Twojej podstrony. Pełni on jednak ważną funkcję opisową oraz zachęcającą. Korzystny, a jednocześnie interesujący opis meta description pozwoli Ci na znaczne zwiększenie wartości współczynnika CTR.<br> Znacznik description analogicznie jak title, odnajdziesz w kodzie źródłowym strony. Niemniej jednak opisy description znacznie częściej tworzone są przez Google w sposób automatyczny. Jeśli chcesz, aby Twoje opisy description były skuteczne, pamiętaj o kilku najważniejszych, dobrych praktykach:<br> dostosuj długość opisu do szerokości sumy znaków w pixelach (odpowiednio 920 px dla urządzeń typu desktop oraz 680 px dla mobile);</p> <ul><li>nasyć treść opisu wcześniej ustalonymi słowami kluczowymi, gdyż zostaną one pogrubione po akcji, w której użytkownik wpisze konkretną frazę w wyszukiwarkę, a ta w odpowiedzi zwróci mu Twój serwis;</li> <li>pracuj nad unikalnością i przedstawiaj tylko rzetelne informacje podsumowujące zawartość strony docelowej;</li> <li>unikaj duplikacji, nie używaj opisu tekstu, który znajduje się już na innej stronie. </li> </ul><p>W przeciwnym wypadku Google może samodzielnie zbudować opisy description na podstawie zawartości strony, szczególnie wtedy gdy:</p> <ul><li>Twoja strona nie ma wcześniej zdefiniowanego opisu bądź algorytmy wyszukiwarki uznają ustalony opis za mało właściwy (np. powtarza się na dziesiątkach innych stron bądź stanowi pewnego rodzaju listę słów kluczowych); </li> <li>opis description nie pasuje do frazy wpisanej przez użytkownika w wyszukiwarce.</li> </ul><h3>Rel=”canonical”.</h3> <p>Tagi canonical wskazują wyszukiwarkom internetowym adresy, pod którymi powinny szukać pierwotnej treści odwiedzanej strony. Konkretnie, jeśli w zasobach serwisu znajdują się dwa adresy URL dla tej samej strony np. przykład.com?1 oraz przykład.com/1, Google wybiera jeden adres jako kanoniczny. Podobna sytuacja ma miejsce w sytuacji wielu stron, które są niemal identyczne. Google może również samodzielnie pogrupować te strony, które różnią się sortowaniem czy innym typem filtrowania. <br> Tagi kanoniczne są również istotnym narzędziem w sytuacjach pracy nad kanibalizacją. Precyzyjny tag kanoniczny jest jednym z najlepszych rozwiązań dla dwóch podobnych podstron, które z pewnych względów chcemy zachować (np. obie strony są przydatne dla przyszłych użytkowników), jednak staramy się wypozycjonować jedną z tych stron wyżej względem drugiej. <br> W kontekście tagów kanonicznych nie można nie wspomnieć o tagu meta robots. Meta robots to znacznik, który przekazuje informacje robotom, w jaki sposób powinny poruszać się w obrębie podstrony. Jego najważniejsze dyrektywy to:</p> <ul><li>index – jasny komunikat dla Google, że chcemy, aby dana strona się indeksowała;</li> <li>noindex – przekazanie informacji wyszukiwarce, że nie chcemy, aby nasza strona została zaindeksowana. </li> </ul><h3>Noindex & Canonical – o czym pamiętać?</h3> <p>Kiedy już przypomnieliśmy sobie o tagach robots, chciałbym zwrócić Twoją uwagę na powszechną złą praktykę łączenia tagów noindex z tagami kanonicznymi. Są to sprzeczne sygnały dla robotów wyszukiwarki. Z jednej strony robot widzi, że ma nie indeksować strony, a kolejno, że jednak powinien ją indeksować, jednak oryginalna treść jest gdzie indziej (dokładnie tam, gdzie wskazuje tag kanoniczny). <br> Ogólna zasada mówi o tym, że sygnały są przekazywane i łączone właśnie z kanonizacją. Google, widząc dwa adresy URL z witryny, które wyglądają podobnie, skupi się na określonych przez właściciela preferencjach, a kolejno ustali jeden zwykle silniejszy adres URL, zamiast je rozdzielać. Tym samym wszelkiego typu przekierowania, tagi kanoniczne czy linkowanie wewnętrzne mówią Google o naszych preferencjach. Im więcej ich przedstawimy, tym bardziej Google będzie starało się je śledzić i używać do wybierania odpowiednich tagów kanonicznych, przekazując wszystkie sygnały do wybranego adresu. <br> Reasumując, połączenie tagu noindex oraz canonical jest po prostu sprzeczną informacją. Polegając na interpretacji skryptu komputerowego bazującego na zestawie danych wejściowych, zmniejszasz wagę swoich danych, kiedy już na starcie wysyłasz sprzeczne sygnały. Dlatego pamiętaj o unikaniu łączenia tagu noindex oraz tagu canonical, który w konsekwencji może prowadzić do przekazywania sygnałów dyrektywy noindex do strony docelowej sprecyzowanej za pomocą rel=”canonical”. </p> <h3>Dane strukturalne – wprowadzenie </h3> <p>Dane strukturalne są jednym ze sposobów promowania witryny w wynikach wyszukiwania. Google wykorzystuje je podczas prób rozpoznawania treści przedstawionych na stronie. Na podstawie uporządkowanych danych strukturalnych wyszukiwarka Google włącza specjalne ulepszenia wyników wyszukiwania. Przykładowo dla stron z przepisami będzie to czas czy liczba kalorii (rys. 3). <br>  </p> <div style="text-align:center"> <figure class="image" style="display:inline-block"><img alt="" height="308" class="picture lazy-image" data-src="//forumlogopedy.pl/media/cache/resolve/thumb/uploads/61c/1cf/61c1cf15686bb205439987.png" width="671"><figcaption>Rys. 3. Wynik z ulepszeniami</figcaption></figure></div> <p><br> Nie ma żadnego sensu tworzenie pustych stron na potrzeby uporządkowanych danych. Zerową wartość przyniesie również dodawanie uporządkowanych danych dotyczących informacji niewidocznych dla użytkownika, nawet jeśli te są nad wyraz precyzyjne. <br> Google dla większości istotnych danych strukturalnych wykorzystuje tzw. standard Schema. Schema jest największym zbiorem przeróżnych danych strukturalnych. Mimo to, Google wykorzystuje tylko kilka z jego atrybutów, gdyż nawet jeśli jakiś atrybut może być wymagany względem Schema, to niekonieczne jest on pożądany przez Google. <br> Dlatego decydując się na wdrożenie jakichkolwiek danych strukturalnych, pamiętaj o możliwości testowania w narzędziu wyników z elementami rozszerzonymi (rys. 4). <br>  </p> <div style="text-align:center"> <figure class="image" style="display:inline-block"><img alt="" height="246" class="picture lazy-image" data-src="//forumlogopedy.pl/media/cache/resolve/thumb/uploads/61c/1cf/61c1cf2b151fa597135901.png" width="697"><figcaption>Rys. 4. Narzędzie do testowania wyników z elementami rozszerzonymi dostępne za darmo online: <a href="https://bit.ly/3qI4BuA">https://bit.ly/3qI4BuA</a></figcaption></figure></div> <p><br> Poprawne wdrożenie skutkuje nową funkcjonalnością raportowania ulepszeń w nawigacji Google Search Console. Dzięki temu, sprawdzisz stan Twoich wyników z elementami rozszerzonymi, jednocześnie w prosty sposób definiując strony, które potencjalnie podczas walidacji mogą wskazywać błędy. <br> Wyszukiwarka Google obsługuje uporządkowane dane w trzech formatach. Formaty zebraliśmy w tabeli 1, dając tym samym deweloperom różne możl...</p> <div class="pay-wall-box"> <div class="box effect4"> <div style="font-size:3em; color:#999"> <i class="fas fa-lock"></i> </div> <h3>Pozostałe <b>70% treści</b> dostępne jest tylko dla Prenumeratorów</h3> <div class="tagline">Co zyskasz, kupując prenumeratę?</div> <div class="ptaszki"> <ul> <li>6 drukowanych wydań magazynu Online Marketing</li> <li>Dodatkowe artykuły niepublikowane w formie papierowej</li> <li>Dostęp do czasopisma w wersji online</li> <li>Dostęp do wszystkich archiwalnych wydań magazynu oraz dodatków specjalnych</li> <li>... i wiele więcej!</li> </ul> </div> <a href="/poznaj-magazyn-online-marketing" class="pay-wall-button">Sprawdź szczegóły</a> </div> </div> </div> <div class="footnotes"> <h3 class="footnotes-header">Przypisy</h3> <ol></ol> </div> </div> </div> </div> <div class="block"> <ul id="related-posts-menu" class="tabs-menu"> <li><span class="active" data-active="authors-list">O autorze</span></li> <li><span data-active="similar">Podobne artykuły</span></li> </ul> <div class="tabs"> <div id="authors-list" class="tab active"> <div class="crow space-between"> <a href="/autor/szymon-rozmus"> <div class="cl6 author clx12"> <div class="crow space-between space-bottom"> <div class="cl4 clx12"> <div class="author-avatar text-center"> <picture data-media class="picture"> <source type="image/webp" class="picture" data-srcset="https://o-m.pl/media/cache/author_avatar4_480_480/uploads/61c/1ce/61c1ce2a79817013283940.webp?extension=jpg&version=222"> <img class="lazy-image picture" style="background-color: #e8e8e8;" src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480 480'%3E%3C/svg%3E" data-src="https://o-m.pl/media/cache/author_avatar4_480_480/uploads/61c/1ce/61c1ce2a79817013283940.jpg?extension=jpg&version=222" > </picture> </div> </div> <div class="cl8 clx12"> <p class="author-name">Szymon Rozmus</p> <div class="author-description"><p>Senior SEO Specjalista związanym z branżą od 2016 roku. Specjalizuje się w realizacjach kompleksowych strategii SEO opartych o równoległe działania typu On-Site, Off-Site oraz Technical SEO, a dzięki pasji do neuromarketingu, UX oraz podejściu typu data driven przywiązuje uwagę do najmniejszych szczegółów odnajdując w nich nowe wzorce dla poprawy widoczności serwisu.</p></div> </div> </div> </div> </a> </div> </div> <div id="similar" class="tab"> <div class="crow space-between space-bottom"> <div class="cl4 clx6 clz12"> <div class="article separated"> <a href="//o-m.pl/artykul/content-marketing-w-praktyce-taktyki-contentmarketingowe-od-budowania-wizerunku-do-wspierania-sprzedazy"> <img src="https://o-m.pl/media/cache/resolve/img_740_500/images/demo/imgbig.jpg?v=186"> </a> <div class="tags"> <a href="/dzial/temat-numeru"> <div class="tag" style="background: #000000">Temat numeru</div> </a> </div> <div class="text "> <a href="//o-m.pl/artykul/content-marketing-w-praktyce-taktyki-contentmarketingowe-od-budowania-wizerunku-do-wspierania-sprzedazy" class="post-link"> <h3 class="title"> Content marketing w praktyce – taktyki contentmarketingowe:... </h3> </a> <p class="details"> 20 października 2018 </p> </div> </div> </div> <div class="cl4 clx6 clz12"> <div class="article separated"> <a href="//o-m.pl/artykul/przeglad-najwazniejszych-formatow-contentmarketingowych-krok-po-kroku"> <img src="https://o-m.pl/media/cache/resolve/img_740_500/images/demo/imgbig.jpg?v=186"> </a> <div class="tags"> <a href="/dzial/temat-numeru"> <div class="tag" style="background: #000000">Temat numeru</div> </a> </div> <div class="text "> <a href="//o-m.pl/artykul/przeglad-najwazniejszych-formatow-contentmarketingowych-krok-po-kroku" class="post-link"> <h3 class="title"> Przegląd najważniejszych formatów contentmarketingowych... </h3> </a> <p class="details"> 20 października 2018 </p> </div> </div> </div> <div class="cl4 clx6 clz12"> <div class="article separated"> <a href="//o-m.pl/artykul/w-jaki-sposob-dystrybuowac-i-promowac-content"> <img src="https://o-m.pl/media/cache/resolve/img_740_500/images/demo/imgbig.jpg?v=186"> </a> <div class="tags"> <a href="/dzial/temat-numeru"> <div class="tag" style="background: #000000">Temat numeru</div> </a> </div> <div class="text "> <a href="//o-m.pl/artykul/w-jaki-sposob-dystrybuowac-i-promowac-content" class="post-link"> <h3 class="title"> W jaki sposób dystrybuować i promować content? </h3> </a> <p class="details"> 20 października 2018 </p> </div> </div> </div> </div> </div> </div> </div> </div> </article> </div> <footer id="footer"> <div class="container-fluid newsletter"> <div class="container"> <div class="row"> <div class="col-md-4"> <div class="info"> <p class="newsletter__title">Newsletter</p> <p class="newsletter__subtitle">Zapisz się, aby być na bieżąco</p> </div> </div> <div class="col-md-8 form" id="newsletter-form"> <div class="row"> <div class="col-md-9"> <div class="row"> <div class="col-md-6"> <input type="text" id="newsletter-name" class="form-control border-less input-lg" placeholder="Imię..."> </div> <div class="col-md-6"> <input type="email" id="newsletter-email" class="form-control border-less input-lg" placeholder="Email..."> </div> </div> </div> <div class="col-md-3"> <span class="btn btn-default btn-lg btn-block" id="newsletter-submit">Zapisz się</span> </div> </div> </div> </div> </div> </div> <div class="container-fluid footer"> <div class="container"> <div class="row"> <div class="col-md-4 description"> <p> </p> </div> <div class="col-md-4 tags"> </div> <div class="col-md-4 social"> <h3></h3> <ul> <li><a href="\poznaj-magazyn-online-marketing" style="color: #f0f0f0;">O czasopiśmie</a></li> <li><a href="\prenumerata" style="color: #f0f0f0;">Prenumerata</a></li> <li><a href="https://o-m.pl/polityka-prywatnosci" style="color: #f0f0f0;" target="_blank">Polityka prywatności</a></li> <li><a href="https://o-m.pl/regulamin" style="color: #f0f0f0;" target="_blank">Regulamin</a></li> <li><a href="\kontakt" style="color: #f0f0f0;">Kontakt</a></li> <li><a href="\pomoc" style="color: #f0f0f0;">Pomoc / FAQ</a></li> </ul> </div> </div> </div> </div> <div class="container-fluid copyright"> <div class="text-center">© Copyright 2022 <span class="bolder">Forum Media Polska</span></div> </div> </footer> <script src="/js/default-vendor.js?v=186" type="text/javascript"></script> <script src="/bundles/fosjsrouting/js/router.js?v=186" type="text/javascript"></script> <script> function routerSetData(data) { data.scheme = 'https'; fos.Router.setData(data); } </script> <script src="/js/routing?callback=routerSetData"></script> <script src="/js/default-scripts.js?v=186" type="text/javascript"></script> <script> var alerts = []; </script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.0/MathJax.js?config=TeX-AMS_HTML"></script> <script type="text/javascript" src="https://www.gos.o-m.pl/js/dist/cmsMessenger.js"></script> <script type="text/javascript" src="https://www.gos.o-m.pl/bower/iframe-resizer/js/iframeResizer.min.js"></script> <!-- Globalne close body--> <script src="https://www.gos.e-firma.pl/js/jquery.plainmodal.min.js"></script> <script src="https://www.gos.e-firma.pl/js/modalLoginRegister.js"></script> <script type="text/javascript"> var _smid = "u0zeekmgvwlr8wz3"; var _smcustom = true; var _smbanners = true; (function(w, r, a, sm, s ) { w['SalesmanagoObject'] = r; w[r] = w[r] || function () {( w[r].q = w[r].q || [] ).push(arguments)}; sm = document.createElement('script'); sm.type = 'text/javascript'; sm.async = true; sm.src = a; s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sm, s); })(window, 'sm', ('https:' == document.location.protocol ? 'https://' : 'http://') + 'app2.salesmanago.pl/static/sm.js'); </script> <!--<script src="https://files.forum-media.pl/popupblocker/popupblocker.js"></script>--> <script src="https://www.gos.e-firma.pl/customer-service/init.js"></script> <script type="text/javascript"> (function(a,l,b,c,r,s){ _nQc=c,r=a.createElement(l),s=a.getElementsByTagName(l)[0]; r.async=1; r.src=l.src=("https:"==a.location.protocol?"https://":"http://")+b; s.parentNode.insertBefore(r,s);}) (document,"script","serve.albacross.com/track.js","89907117"); </script> </body> </html>