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

SEM/SEO

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_3966"></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> <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> <div data-readmore="true" data-readmore-trigger-open="<i class='icon-angle-down i-plain i-large m-0 float-none'></i>" data-readmore-trigger-close="<i class='icon-angle-up i-plain i-large m-0 float-none'></i>" class="read-more-wrap" style="height: 10rem; transition-duration: 500ms;"> <ol class="footnotes-ol"></ol> <a href="#" class="read-more-trigger"><i class="icon-angle-down i-plain i-large m-0 float-none"></i></a> <div class="read-more-mask" style="height: 100%; background-image: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));"></div> </div> </div> </div> </div> <div class="widget clearfix"><div class="row justify-content-between col-mb-30 post-navigation"> <div class="col-12 col-md-6 text-center text-md-left"> <div class="pr-md-5 pr-0"> <a href="//o-m.pl/artykul/content-i-seo-jak-przygotowac-atrakcyjna-tresc-pod-katem-wyszukiwarki-i-uzytkownika" class="switch__link"> <p class="switch__header"><span class="d-md-inline d-none"> ⇐</span> Poprzedni wpis</p> <p class="switch__title">Content i SEO – jak przygotować atrakcyjną treść pod kątem wyszukiwarki i użytkownika</p> </a> </div> </div> <div class="col-12 col-md-6 text-center text-md-right"> <div class=" pl-md-5 pl-0"> <a href="//o-m.pl/artykul/trzy-rzeczy-ktore-licza-sie-teraz-w-google-adsach-twoich-adsach" class="switch__link"> <p class="switch__header">Następny wpis<span class="d-md-inline d-none"> ⇒</span></p> <p class="switch__title">Trzy rzeczy, które liczą się teraz w Google Adsach, Twoich Adsach</p> </a> </div> </div> </div> </div><div class="line"></div> </div> <div class="col-lg-4 sticky-sidebar-wrap mt-5 mt-lg-0"> <div class="sticky-sidebar"> <div class="widget clearfix"><div class="si-share border-0 d-flex justify-content-between align-items-center"> <span>Udostępnij:</span> <div> <a href="https://www.facebook.com/sharer/sharer.php?u=http://o-m.pl" target="_blank" class="social-icon si-borderless si-facebook"> <i class="icon-facebook"></i> <i class="icon-facebook"></i> </a> <a href="http://twitter.com/share?text=Metatagi w praktyce – jak tworzyć skuteczne tytuły, opisy i inne znaczniki pod SEO&url=http://o-m.pl" target="_blank" class="social-icon si-borderless si-twitter"> <i class="icon-twitter"></i> <i class="icon-twitter"></i> </a> <a href="https://plus.google.com/share?url=http://o-m.pl" target="_blank" class="social-icon si-borderless si-gplus"> <i class="icon-gplus"></i> <i class="icon-gplus"></i> </a> </div> </div></div><div class="line"></div><div class="widget clearfix"><div class="col-12"> <h4>Podobne artykuły:</h4> <div class="related-posts row posts-md col-mb-30"> <div class="entry col-md-12"> <!-- Post Article --> <div class="grid-inner row align-items-center no-gutter"> <div class="col-auto"> <div class="entry-image"> <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/img_800_600/images/demo/imgbig.jpg"> </a> </div> </div> <div class="col pl-3"> <div class="entry-title"> <h4 class="font-weight-medium"><a href="//o-m.pl/artykul/content-marketing-w-praktyce-taktyki-contentmarketingowe-od-budowania-wizerunku-do-wspierania-sprzedazy">Content marketing w praktyce – taktyki contentmarketingowe: od budowania wizerunku do wspierania sprzedaży</a></h4> </div> <div class="entry-meta"> <ul> <li class="autorcanvas_art"> <span> <i class="icon-pencil"></i></span> <a href="/autor/adrianna-kubik">Adrianna Kubik</a> </li> <li class="datacanvas_art"><i class="icon-time"></i>20 października 2018</li> </ul> </div> </div> </div> </div> <div class="entry col-md-12"> <!-- Post Article --> <div class="grid-inner row align-items-center no-gutter"> <div class="col-auto"> <div class="entry-image"> <a href="//o-m.pl/artykul/przeglad-najwazniejszych-formatow-contentmarketingowych-krok-po-kroku"> <img src="https://o-m.pl/media/cache/img_800_600/images/demo/imgbig.jpg"> </a> </div> </div> <div class="col pl-3"> <div class="entry-title"> <h4 class="font-weight-medium"><a href="//o-m.pl/artykul/przeglad-najwazniejszych-formatow-contentmarketingowych-krok-po-kroku">Przegląd najważniejszych formatów contentmarketingowych krok po kroku</a></h4> </div> <div class="entry-meta"> <ul> <li class="autorcanvas_art"> <span> <i class="icon-pencil"></i></span> <a href="/autor/magdalena-tobiasz">Magdalena Tobiasz</a> </li> <li class="datacanvas_art"><i class="icon-time"></i>20 października 2018</li> </ul> </div> </div> </div> </div> <div class="entry col-md-12"> <!-- Post Article --> <div class="grid-inner row align-items-center no-gutter"> <div class="col-auto"> <div class="entry-image"> <a href="//o-m.pl/artykul/w-jaki-sposob-dystrybuowac-i-promowac-content"> <img src="https://o-m.pl/media/cache/img_800_600/images/demo/imgbig.jpg"> </a> </div> </div> <div class="col pl-3"> <div class="entry-title"> <h4 class="font-weight-medium"><a href="//o-m.pl/artykul/w-jaki-sposob-dystrybuowac-i-promowac-content">W jaki sposób dystrybuować i promować content?</a></h4> </div> <div class="entry-meta"> <ul> <li class="autorcanvas_art"> <span> <i class="icon-pencil"></i></span> <a href="/autor/karolina-dylik">Karolina Dylik</a> </li> <li class="datacanvas_art"><i class="icon-time"></i>20 października 2018</li> </ul> </div> </div> </div> </div> </div> </div></div><div class="line"></div> </div> </div> </div> </div> </div> </section> </div> <footer id="footer" class="dark" style="background-color: #1f2024;"> <div class="pt-5"> <div class="container-fluid footer"> <div class="container"> <div class="row"> <div class="col-md-4 description"> <p> <p><a href="https://hrbusinesspartner.pl" target="_blank"><img alt="" height="62" src="https://forumlogopedy.pl/media/cache/resolve/thumb/uploads/633/2a1/6332a1fd0efcc796532795.png" style="border:0; max-width:140px" width="150" /></a></p> <p> </p> <p>Praktyczne informacje i aktualne wskazówki, dzięki którym podniesiesz swoje kwalifikacje, dowiesz się jak prowadzić sprawny marketing w sieci.</p> <p> </p> <p>Bądź na bieżąco:</p> <div class="header-social col-sm-12 justify-content-center justify-content-sm-start d-flex " style=" padding-left: 0;"><a class="social-icon si-small si-rounded si-dark si-mini si-facebook mb-0" href="https://www.facebook.com/MagazynOnlineMarketing/" rel="”nofollow”" target="_blank"><i class="icon-facebook pl6"> </i> <i class="icon-facebook pl6"> </i> </a> <a class="social-icon si-small si-rounded si-dark si-mini si-instagram mb-0" href="https://www.instagram.com/onlinemarketingmagazyn/" rel="”nofollow”" target="_blank"> <i class="icon-instagram pl6"> </i> <i class="icon-instagram pl6"> </i> </a> <a class="social-icon si-small si-rounded si-dark si-mini si-linkedin mb-0" href="https://www.linkedin.com/company/magazyn-online-marketing/" rel="”nofollow”" target="_blank"> <i class="icon-linkedin pl6"> </i> <i class="icon-linkedin pl6"> </i> </a> <a class="social-icon si-small si-rounded si-dark si-mini si-youtube mb-0" href="https://www.youtube.com/channel/UCL6HPsKe8DAR4lL6mBd8klQ/" onclick="window.dataLayer.push({'event': 'visitorInteraction','eventCategory': 'Social Media','eventAction': 'Social Profile','eventLabel': 'YT','eventValue': undefined,'eventNonInteraction': false});" rel="”nofollow”" target="_blank"> <i class="icon-youtube1 pl6"> </i> <i class="icon-youtube1 pl6"> </i> </a></div> <!--<p><a href="https://www.facebook.com/MagazynOnlineMarketing/" style="color: #f0f0f0;">Facebook</a></p> <p><a href="https://www.instagram.com/onlinemarketingmagazyn/" style="color: #f0f0f0;">Instagram</a></p> <p><a href="https://www.linkedin.com/company/magazyn-online-marketing" style="color: #f0f0f0;">LinkedIn</a></p>--> </p> </div> <div class="col-md-4"> <blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/CjDW6euIwkt/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="14" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"> <div style="padding:16px;"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"> </div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"> </div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"> </div> </div> </div> <div style="padding: 19% 0;"> </div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><a href="https://www.instagram.com/p/CjDW6euIwkt/?utm_source=ig_embed&utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"><svg height="50px" version="1.1" viewbox="0 0 60 60" width="50px" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g fill="#000000" transform="translate(-511.000000, -20.000000)"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></a></div> <div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;"><a href="https://www.instagram.com/p/CjDW6euIwkt/?utm_source=ig_embed&utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank">Wyświetl ten post na Instagramie</a></div> </div> <div style="padding: 12.5% 0;"> </div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"> <div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"> </div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"> </div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"> </div> </div> <div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"> </div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"> </div> </div> <div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"> </div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"> </div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"> </div> </div> </div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"> </div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"> </div> </div> <p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/CjDW6euIwkt/?utm_source=ig_embed&utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">Post udostępniony przez Online Marketing Magazyn (@onlinemarketingmagazyn)</a></p> </div> </blockquote> <script async src="//www.instagram.com/embed.js"></script> </div> <div class="col-md-4 social"> <h3></h3> <ul style="padding-left: 15px;list-style: none;"> <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 style="padding: 20px 0;" class="text-center"> © Copyright 2022 <span class="bolder">Forum Media Polska</span> </div> </div> </div> </footer> <script src="/js/canvas-vendor.js?v=189" type="text/javascript"></script> <script src="/bundles/fosjsrouting/js/router.js?v=189" type="text/javascript"></script> <script> function routerSetData(data) { data.scheme = 'https'; fos.Router.setData(data); } </script> <script src="/js/fos_js_routes.js"></script> <script src="/js/canvas-scripts.js?v=189" type="text/javascript"></script> <script> var alerts = []; </script> <script> (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </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> const expandableBox = document.querySelectorAll(".expandable-box"); if (expandableBox.length > 0) { document.querySelectorAll(".expandable-box [data-target]").forEach((btn) => btn.addEventListener("click", (e) => { let parent = e.currentTarget.closest(".expandable-box"), target = e.currentTarget.dataset.target; parent.classList.toggle("active"); }) ); } </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> <style> /*global style*/ .color-from-portal, .page-item .page-link { color: #00a69d !important; } .background-from-portal, .menu-color-home > a::before, .releases_new .button-home, .releases_new .button-home:hover { background: #00a69d !important; } /*menu style*/ .menu-color-home:hover > .menu-link, .menu-link:hover, .menu-item:hover, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-home.current > .menu-link, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-home:hover > .menu-link, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) .menu-container > .menu-item.menu-color-home.current > .menu-link:hover { color: #00a69d !important; } /*page style*/ .page-item.active .page-link, .page-item .page-link:hover { background-color: #00a69d !important; border-color: #00a69d !important; color: #fff !important; } /*release style*/ .release-listing__img-outer img { border: none; } .releases_new .button-home-border { border-color: #00a69d !important; color: #00a69d !important; } .releases_new .button-home-border:hover { background: #00a69d !important; color: #fff !important; } </style></body> </html>