{"id":8570,"date":"2011-08-19T09:15:35","date_gmt":"2011-08-19T07:15:35","guid":{"rendered":"http:\/\/sprawnymarketing.pl\/?p=8570"},"modified":"2022-12-28T14:58:55","modified_gmt":"2022-12-28T13:58:55","slug":"seo-pozycjonowanie-html5","status":"publish","type":"post","link":"https:\/\/sprawnymarketing.pl\/blog\/seo-pozycjonowanie-html5\/","title":{"rendered":"Pozycjonowanie stron w Google a HTML5"},"content":{"rendered":"<p>O HTML5 pisze si\u0119 ostatnio bardzo wiele, temat mo\u017ce wywo\u0142ywa\u0107 wi\u0119c pewne znu\u017cenie. Nies\u0142uszne. Do tej pory czyta\u0142e\u015b raczej o samej idei standardu HTML5, o jego multimedialnym potencjale, o nowych i wycofywanych znacznikach itd. HTML5 to jednak nie teoretyczna ciekawostka, a coraz powszechniej wspierany przez przegl\u0105darki standard, kt\u00f3ry zmienia internet. Zmienia tak\u017ce pozycjonowanie. Co musisz wiedzie\u0107 o HTML5, by nie straci\u0107 ci\u0119\u017cko wywalczonych pozycji w SERP-ach, a nawet je poprawi\u0107?<\/p>\n<p><!--more--><\/p>\n<h2>Semantyczno\u015b\u0107 kodu: pozw\u00f3l maszynom zrozumie\u0107 twoje tre\u015bci<\/h2>\n<h3>Nowe znaczniki HTML<\/h3>\n<p>Jedn\u0105 z najwa\u017cniejszych nowo\u015bci niesionych przez HTML5 s\u0105 <strong>liczne nowe znaczniki<\/strong>, kt\u00f3rych g\u0142\u00f3wnym zadaniem jest u\u0142atwienie precyzyjnego okre\u015blenia rodzaju tre\u015bci znajduj\u0105cej si\u0119 na stronie.<\/p>\n<p>Aktualnie wi\u0119kszo\u015b\u0107 stron internetowych tworzona jest z wykorzystaniem wielokrotnie zagnie\u017cdzonych tag\u00f3w &lt;div&gt;, kt\u00f3rych funkcja okre\u015blana jest przez odpowiedni\u0105 warto\u015b\u0107 atrybutu id. G\u0142\u00f3wnym problemem tego typu rozwi\u0105za\u0144 jest <strong>brak informacji o znaczeniu<\/strong> tak tworzonych sekcji strony &#8211; znacznik &lt;div&gt; nie niesie bowiem \u017cadnych tego typu informacji. Sama specyfikacja m\u00f3wi o tym nad wyraz jasno: &#8222;The div element has no special meaning at all&#8221;. Z tego powodu roboty indeksuj\u0105ce <strong>musz\u0105 niejako zgadywa\u0107 znaczenie<\/strong> poszczeg\u00f3lnych cz\u0119\u015bci strony, co najcz\u0119\u015bciej dokonywane jest na podstawie ich zawarto\u015bci i po\u0142o\u017cenia w drzewie dokumentu.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-large wp-image-8571\" src=\"http:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2011\/08\/struktura-dokumentu-html5-530x312.png\" alt=\"struktura dokumentu html5\" width=\"530\" height=\"312\" srcset=\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2011\/08\/struktura-dokumentu-html5-530x312.png 530w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2011\/08\/struktura-dokumentu-html5-300x176.png 300w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2011\/08\/struktura-dokumentu-html5.png 1121w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/p>\n<p>Problem ten zosta\u0142 widocznie zauwa\u017cony przez ludzi z W3C, bowiem HTML5 praktycznie w ca\u0142o\u015bci go rozwi\u0105zuje. Specyfikacja HTML5 przynosi <strong>nowe, semantyczne znaczniki HTML<\/strong>, kt\u00f3rych odpowiednie u\u017cycie daje mo\u017cliwo\u015b\u0107 pe\u0142nego okre\u015blenia roli ka\u017cdej cz\u0119\u015bci dokumentu. Wszystkie nowe znaczniki wraz z dok\u0142adnym opisem ich funkcji znale\u017a\u0107 mo\u017cna oczywi\u015bcie w <a href=\"http:\/\/dev.w3.org\/html5\/spec-LC\/\">specyfikacji<\/a>, jednak z punktu widzenia SEO kilka z nich jest szczeg\u00f3lnie interesuj\u0105cych:<\/p>\n<p><strong>section, article, header, hgroup, footer, aside, nav:<\/strong><\/p>\n<p>Podstawow\u0105 r\u00f3\u017cnic\u0105 pomi\u0119dzy tymi tagami a uniwersalnym tagiem div jest fakt, i\u017c <strong>sam znacznik niesie informacj\u0119 na temat tre\u015bci w nim zawartej<\/strong>. Dane te powinny by\u0107 dla Googlebota bardzo istotne: pozwalaj\u0105 bowiem na szybsze i bardziej jednoznaczne zrozumienie tego &#8222;co autor mia\u0142 na my\u015bli&#8221;.<\/p>\n<p>Rzecz\u0105 bardzo istotn\u0105 i wart\u0105 podkre\u015blenia jest tak\u017ce, \u017ce znaczenie tych tag\u00f3w jest r\u00f3\u017cne w zale\u017cno\u015bci od ich pozycji w drzewie dokumentu. Nag\u0142\u00f3wek stworzony przy pomocy znacznika header jest czym\u015b innym, gdy znajduje si\u0119 bezpo\u015brednio wewn\u0105trz tagu body, a czym innym gdy jest umieszczony wewn\u0105trz jednego z tag\u00f3w article. W\u0142asno\u015b\u0107 ta pozwala na <strong>tworzenie opisowej struktury kodu HTML<\/strong>, co przed wprowadzaniem nowych tag\u00f3w nie by\u0142o mo\u017cliwe. Jako przyk\u0142ad dobrego wykorzystania wszystkich tych mo\u017cliwo\u015bci pos\u0142u\u017cy\u0107 mo\u017ce nast\u0119puj\u0105cy fragment kodu, opisuj\u0105cy konkretny artyku\u0142 np. na blogu:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-large wp-image-8573\" src=\"http:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2011\/08\/zrodlo-530x391.png\" alt=\"zrodlo\" width=\"530\" height=\"391\" srcset=\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2011\/08\/zrodlo-530x391.png 530w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2011\/08\/zrodlo-300x221.png 300w, https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2011\/08\/zrodlo.png 633w\" sizes=\"(max-width: 530px) 100vw, 530px\" \/><\/p>\n<p>Pozostawiaj\u0105c z boku dyskusje na temat celowo\u015bci tworzenia dubluj\u0105cych cz\u0119\u015b\u0107 zastosowa\u0144 tag\u00f3w section i article oraz tego, do czego naprawd\u0119 s\u0142u\u017cy\u0107 ma tag aside, trzeba przyzna\u0107, \u017ce wprowadzone w HTML5 semantyczne znaczniki daj\u0105 du\u017ce mo\u017cliwo\u015bci opisu zawarto\u015bci stron internetowych. I nawet je\u015bli dzi\u015b ich stosowanie nie jest jeszcze bardzo rozpowszechnione, to na pewno wraz ze wzrostem praktycznego ich wykorzystania w nowo tworzonych witrynach r\u00f3wnie\u017c i roboty indeksuj\u0105ce b\u0119d\u0105 musia\u0142y przewarto\u015bciowa\u0107 swoje spojrzenie na poszczeg\u00f3lne cz\u0119\u015bci stron opisywane przez te nowe znaczniki.<\/p>\n<p>Opisuj\u0105c nowe znaczniki nie spos\u00f3b pomin\u0105\u0107 tak\u017ce jeszcze jednej wa\u017cnej zmiany, kt\u00f3ra jest niejako efektem ubocznym wprowadzenia relatywno\u015bci znacznika header wzgl\u0119dem ca\u0142o\u015bci dokumentu. Mowa tutaj o naturalnym wr\u0119cz u\u017cywaniu wielu tag\u00f3w h1 w kodzie pojedy\u0144czych stron. To, co jeszcze niedawno by\u0142o odradzane, zmienia si\u0119 teraz w dobr\u0105 praktyk\u0119. Z pewno\u015bci\u0105 zauwa\u017c\u0105 to wyszukiwarki.<\/p>\n<p><strong>figcaption, figure<\/strong><br \/>\nTe dwa nowe znaczniki u\u0142atwi\u0105 publikowanie i opisywanie tre\u015bci, kt\u00f3re cho\u0107 nieobecne bezpo\u015brednio w kodzie dokumentu, to jednak jednoznacznie si\u0119 do niej odnosz\u0105. Mowa tutaj g\u0142\u00f3wnie o wszelkiego rodzaju diagramach, obrazkach, zdj\u0119ciach, tabelach, fragmentach kodu itd. Tak stworzone struktury Element+Opis na pewno zostan\u0105 zauwa\u017cone przez roboty indeksuj\u0105ce i ju\u017c nied\u0142ugo mog\u0105 sta\u0107 si\u0119 jednym z g\u0142\u00f3wnych \u017ar\u00f3de\u0142 danych na temat zawarto\u015bci plik\u00f3w graficznych oraz innych materia\u0142\u00f3w umieszczanych w obr\u0119bie stron internetowych.<\/p>\n<p><strong>time<\/strong><br \/>\nTag ten mo\u017ce nie jest nadzwyczaj ciekawy sam w sobie, ale na pewno powinni\u015bmy zwr\u00f3ci\u0107 uwag\u0119 na jeden z jego atrybut\u00f3w &#8211; pubdate. Dodanie tego atrybutu do daty oznaczonej tagiem time jest zaznaczeniem, \u017ce <strong>data ta jest dat\u0105 publikacji opisywanej tre\u015bci<\/strong>. W zale\u017cno\u015bci od struktury dokumentu odnosi si\u0119 ona do sekcji article, w kt\u00f3rej jest zawarta lub do ca\u0142ej strony, je\u015bli takowej sekcji nie ma. Jest to wi\u0119c kolejna bardzo przydatna dla wyszukiwarki informacja, kt\u00f3rej programi\u015bci Google na pewno nie omieszkaj\u0105 wykorzysta\u0107.<\/p>\n<h3>R\u00f3\u017cnicowanie link\u00f3w<\/h3>\n<p>Poza nowymi znacznikami bardzo wa\u017cne z punktu widzenia optymalizacji stron pod k\u0105tem wyszukiwarek jest wprowadzenie do specyfikacji <strong>mo\u017cliwo\u015bci okre\u015blania typ\u00f3w link\u00f3w<\/strong>. S\u0105 one okre\u015blane poprzez dodanie znanego ju\u017c od dawna atrybutu rel, kt\u00f3ry teraz mo\u017ce przyjmowa\u0107 du\u017co szerszy zakres warto\u015bci. W\u015br\u00f3d zawartych w niej <a href=\"http:\/\/www.w3.org\/TR\/html5\/links.html#linkTypes\">mo\u017cliwych<\/a> <a href=\"http:\/\/www.w3.org\/TR\/html5\/links.html#linkTypes\">typ\u00f3w<\/a> na najwi\u0119ksz\u0105 uwag\u0119 zas\u0142uguj\u0105 niew\u0105tliwie prev, next oraz search.<\/p>\n<p><strong>rel=&#8221;prev&#8221; oraz rel=&#8221;next&#8221;<\/strong><br \/>\nWykorzystaj\u0105c atrybuty rel=\u201dprev\u201d oraz rel=\u201dnext\u201d mo\u017cemy wskaza\u0107 wyszukiwarce sekwencje stron, kt\u00f3re, cho\u0107 umieszczone osobno, <strong>tworz\u0105 pewn\u0105 sp\u00f3jn\u0105 ca\u0142o\u015b\u0107<\/strong>. Zastosowania tej mo\u017cliwo\u015bci nasuwaj\u0105 si\u0119 same, wymieni\u0119 tylko listingi produkt\u00f3w w sklepach internetowych oraz wielostronicowe artyku\u0142y na blogach. Dodanie do ich link\u00f3w paginacyjnych tych atrybut\u00f3w daje jasny sygna\u0142, \u017ce powinny one by\u0107 <strong>traktowane jako tre\u015b\u0107 ci\u0105g\u0142a<\/strong>, co powinno skutecznie zmniejsza\u0107 ryzyko uznania tre\u015bci tego typu stron za powielon\u0105. Pisz\u0119 &#8222;powinno&#8221;, bo na implementacj\u0119 tej w\u0142a\u015bciwo\u015bci w wyszukiwarkach trzeba b\u0119dzie jednak troch\u0119 poczeka\u0107.<\/p>\n<p><strong>rel=&#8221;search&#8221;<\/strong><br \/>\nJak sama nazwa wskazuje, tak oznaczone linki powinny kierowa\u0107 do wewn\u0119trznych stron z wynikami wyszukiwania. Po co wyszukiwarkom taka informacja? Odpowied\u017a jest prosta. Strony z wynikami wyszukiwania zawieraj\u0105 najcz\u0119\u015bciej miminaln\u0105 ilo\u015b\u0107 tre\u015bci oraz du\u017c\u0105 ilo\u015b\u0107 link\u00f3w, co powoduje, \u017ce s\u0105 one najcz\u0119\u015bciej traktowane jako strony ma\u0142o warto\u015bciowe. Wraz z implementacj\u0105 opcji rel=&#8221;search&#8221; wyszukiwarka uzyska jasny sygna\u0142, \u017ce strony te powinny by\u0107 traktowane inaczej ni\u017c np. strony artyku\u0142\u00f3w, kategorii czy produkt\u00f3w. Czas poka\u017ce co owo &#8222;inaczej&#8221; faktycznie b\u0119dzie oznacza\u0107.<\/p>\n<h3>Microdata<\/h3>\n<p>Kolejn\u0105 ciekaw\u0105 cz\u0119\u015bci\u0105 specyfikacji HTML5 s\u0105 mikrodane zapisywane w formacie Microdata. Umo\u017cliwiaj\u0105 one <strong>oznaczenie poszczeg\u00f3lnych element\u00f3w tre\u015bci <\/strong>strony swoistego rodzaju znacznikami, kt\u00f3re mog\u0105 by\u0107 odczytywane przez roboty czy skrypty. Sama idea nie jest nowa, bo przecie\u017c ju\u017c w 2009 roku Google zaprezentowa\u0142 <strong>system Rich Snippets<\/strong>, kt\u00f3ry umo\u017cliwia\u0142 oznaczenie np. recenzji w\u015br\u00f3d publikowanych na stronach tekst\u00f3w. Informacje te by\u0142y nast\u0119pnie w r\u00f3\u017cny spos\u00f3b do\u0142\u0105czane do wynik\u00f3w wyszukiwania, w kt\u00f3rych pojawia\u0142y si\u0119 zawieraj\u0105ce je strony.<\/p>\n<p>Mimo, \u017ce Microdata pojawi\u0142y si\u0119 w dokumentach HTML5, ich wykorzystanie by\u0142o do\u015b\u0107 niewielkie. Dopiero na pocz\u0105tku bie\u017c\u0105cego roku <strong>Google, Bing oraz Yahoo<\/strong> zaprezentowali inicjatyw\u0119 o nazwie Schema.org. Nie jest to \u017caden j\u0119zyk czy zestaw znacznik\u00f3w a jedynie zbi\u00f3r s\u0142ownictwa, kt\u00f3re zgodnie z porozumieniem jest przez wyszukiwarki wspomnianych firm rozumiane i respektowane. Przy okazji na znaczeniu zyska\u0142 te\u017c sam format Microdata. Giganci ustalili bowiem, \u017ce zbi\u00f3r s\u0142\u00f3w kluczowych ze <a href=\"http:\/\/schema.org\">schema.org<\/a> b\u0119dzie przez nich odczytywany jedynie je\u015bli do jego implementarcji u\u017cyte zostanie Microdata.<\/p>\n<p>Mimo \u017ce Google w dalszym ci\u0105gu akceptuje tak\u017ce stworzone przez siebie wcze\u015bniej formaty, jak wspomniane Rich Snippets, nic nie stoi na przeszkodzie aby <strong>u\u017cywa\u0107 ich r\u00f3wnolegle z Microdata<\/strong>, co jest dzi\u015b przez wielu specjalist\u00f3w praktyk\u0105 mocno zalecan\u0105. W przysz\u0142o\u015bci za\u015b Microdata najprawdopobniej ca\u0142kowicie wyprze inne rozwi\u0105zania, co tak\u017ce przemawia za jego implementacj\u0105.<\/p>\n<h2>History API sposobem na optymalizacji AJAXowych witryn<\/h2>\n<p>HTML5 to nie tylko nowa specyfikacja j\u0119zyka znacznik\u00f3w, ale tak\u017ce wiele nowych API, kt\u00f3re wraz z kolejnymi wersjami przegl\u0105darek w coraz wi\u0119kszym stopniu udost\u0119pniane s\u0105 programistom. Jednym z nich jest <strong>History API<\/strong>, kt\u00f3rego g\u0142\u00f3wnym celem jest umo\u017cliwienie stronom internetowym manipulowania histori\u0105 przegl\u0105dania (oczywi\u015bcie w pewnym zakresie).<\/p>\n<p>Mo\u017cliwo\u015bci te b\u0119d\u0119 mia\u0142y swoje zastosowanie wsz\u0119dzie tam, gdzie mechanizmy wbudowane w przegl\u0105darki nie zdaj\u0105 egzaminu, a wi\u0119c przede wszystkim na stronach, na kt\u00f3rych tre\u015b\u0107 pobierana jest dynamicznie z wykorzystaniem technologii AJAX. History API daje bowiem mo\u017cliwo\u015b\u0107 <strong>zmiany URLa na pasku adresu bez prze\u0142adowania ca\u0142ej strony<\/strong>. Co wi\u0119cej, zmiana ta jest normalnie rejestrowana w historii przegl\u0105dania, co eliminuje problem u\u017cycia przycisku Wstecz na tego typu witrynach. Dodatkowo rozwi\u0105zany zostaje tak\u017ce problem dzielenia si\u0119 linkami do tak przegl\u0105danych tre\u015bci, bez konieczno\u015bci implementowania system\u00f3w wykorzystuj\u0105cych znak #. Ten ma\u0142o wa\u017cny z pozoru fakt nabiera znaczenia w czasach, kiedy linki, kt\u00f3rymi dzielimy si\u0119 w r\u00f3\u017cnego rodzaju sieciach spo\u0142eczno\u015bciowych staj\u0105 si\u0119 nie tylko g\u0142\u00f3wnym \u017ar\u00f3d\u0142em ruchu, ale tak\u017ce wa\u017cnym czynnikiem rankingowym.<\/p>\n<h2>CSS3: Zaawansowane graficznie elementy bez straty rozumienia tre\u015bci<\/h2>\n<p>Nie od dzi\u015b wiadomo, \u017ce roboty wyszukiwarek praktycznie ca\u0142\u0105 wiedz\u0119 na temat indeksowanych stron czerpi\u0105 z ich kodu \u017ar\u00f3d\u0142owego. Z tego te\u017c wzgl\u0119du mocno odradzanym z punktu SEO podej\u015bciem do webmasteringu jest &#8222;pisanie grafikami&#8221;. Tak prezentowane <strong>informacje nie s\u0105 bowiem czytane przez wyszukiwarki<\/strong>, co skutkuje po prostu uszczupleniem tre\u015bci strony czy brakiem poprawnej identyfikacji poszczeg\u00f3lnych jej element\u00f3w. Z tego te\u017c powodu wielu projektant\u00f3w albo rezygnowa\u0142o ze skomplikowanych element\u00f3w graficznych, albo pomija\u0142o aspekt optymalizacji tworzonych witryn.<\/p>\n<p>Jednak i ten problem w du\u017cym stopniu zdaje si\u0119 by\u0107 rozwi\u0105zany. Tym razem z pomoc\u0105 przychodzi nowa wersja kaskadowych arkuszy styl\u00f3w. Poszczeg\u00f3lne modu\u0142y tworzonej aktualnie specyfikacji CSS3 umo\u017cliwiaj\u0105 uzyskanie niedost\u0119pnych wcze\u015bniej efekt\u00f3w graficznych, takich jak cienie, gradienty, p\u0142ynne wielekolumnowe gradienty czy pe\u0142n\u0105 obs\u0142ug\u0119 prze\u017aroczysto\u015bci bez uszczerbku na samej tre\u015bci witryny. Jako, \u017ce warstwa prezentacji w przypadku po\u0142\u0105czenia HTML+CSS jest w pe\u0142ni oddzielona od warstwy informacji, nawet skomplikowane graficznie witryny stworzone z wykorzystaniem CSS3 s\u0105 w pe\u0142ni rozumiane przez wyszukiwarki, co <strong>umo\u017cliwia ich poprawn\u0105 indeksacj\u0119<\/strong> &#8211; oczywi\u015bcie je\u015bli to tworzenie odbywa si\u0119 zgodnie ze sztuk\u0105.<\/p>\n<h2>Implementowa\u0107 nowo\u015bci, czy czeka\u0107 na ruch Google?<\/h2>\n<p>R\u00f3wnolegle z dyskusjami na temat mo\u017cliwo\u015bci dostarczanych przez nowe technologie tocz\u0105 si\u0119 spory o to, czy ich u\u017cycie ju\u017c dzi\u015b, kiedy wsparcie dla nich w sporej liczbie przegl\u0105darek jeszcze kuleje, ma jakikolwiek sens. Dodatkowo patrz\u0105c na to wszystko przez pryzmat marketingu internetowego i pozycji w wynikach wyszukiwa\u0144 naturalnym staje si\u0119 pytanie: <strong>co na to wszystko Google oraz Bing?<\/strong> Jako \u017ce pozycja Google w polskim internecie jest na razie niezagro\u017cona pozwol\u0119 sobie w odpowiedzi na to pytanie pomin\u0105\u0107 aspekt wyszukiwarki Microsoftu.<\/p>\n<p>Tego typu pytania s\u0105 tak oczywiste, \u017ce wielokrotnie pojawia\u0142y si\u0119 ju\u017c na forum Google dla Webmaster\u00f3w. Z udzielonych tam przez pracownik\u00f3w Google odpowiedzi mo\u017cna wyci\u0105gn\u0105\u0107 proste wnioski: Wyszukiwarka nie traktuje na razie znacznik\u00f3w HTML5 jako \u017ar\u00f3d\u0142a informacji o tre\u015bci strony, jednak in\u017cynierowie z<strong> Mountain View bacznie przygl\u0105daj\u0105 si\u0119 rozwojowi tej technologii<\/strong>. To, czy algorytm zacznie uwzgl\u0119dnia\u0107 wszystkie opisane wy\u017cej dodatkowe \u017ar\u00f3d\u0142a informacji o contencie jest praktycznie pewne. Niepewno\u015b\u0107 dotyczy tylko i wy\u0142\u0105cznie tego, kiedy si\u0119 to stanie.<\/p>\n<p>Wed\u0142ug Johna Muellera, jednego z pracownik\u00f3w zespo\u0142u Webmaster Trends Analyst w Google zale\u017cy to od szybko\u015bci popularyzacji tych technologii w\u015br\u00f3d samych webmaster\u00f3w. Jako odpowied\u017a na jedno z pyta\u0144 dotycz\u0105cych HTML5 napisa\u0142 on pod koniec zesz\u0142ego roku: <em>\u201cIf we find that more and more content uses HTML5 markup, that this markup can give us additional information, and that it doesn&#8217;t cause problems if webmasters incorrectly use it (which is always a problem in the beginning), then over time we&#8217;ll attempt to work that into our algorithms.\u201d<\/em>, co mo\u017cna podsumowa\u0107 jednym zdaniem: Je\u015bli stwierdzimy, \u017ce coraz wi\u0119cej stron u\u017cywa sk\u0142adni HTML5 oraz \u017ce mo\u017ce by\u0107 ona \u017ar\u00f3d\u0142em informacji dla robota przyst\u0105pimy do zmiany naszych algorytm\u00f3w. Czy ten czas ju\u017c nadszed\u0142? Trudno powiedzie\u0107. Z ca\u0142\u0105 pewno\u015bci\u0105 jednak mo\u017cna stwierdzi\u0107, \u017ce strony tworzone z wykorzystaniem <strong>HTML5 s\u0105 w pe\u0142ni indeksowane przez roboty Google<\/strong> i u\u017cycie go nie ma \u017cadnego negatywnego wp\u0142ywu na pozycje w wynikach wyszukiwa\u0144. A wi\u0119c skoro implementuj\u0105c opisane elementu nic nie tracimy a mo\u017cemy tylko zyska\u0107, moim zdaniem nie ma si\u0119 nad czym zastanawia\u0107. HTML5 to przysz\u0142o\u015b\u0107 i czym pr\u0119dzej zaczniemy z nim \u017cy\u0107 w przyja\u017ani tym lepiej dla prowadzonych przez nas stron.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O HTML5 pisze si\u0119 ostatnio bardzo wiele, temat mo\u017ce wywo\u0142ywa\u0107 wi\u0119c pewne znu\u017cenie. Nies\u0142uszne. Do tej pory czyta\u0142e\u015b raczej o samej idei standardu HTML5, o jego multimedialnym potencjale, o nowych i wycofywanych znacznikach itd. HTML5 to jednak nie teoretyczna ciekawostka, a coraz powszechniej wspierany przez przegl\u0105darki standard, kt\u00f3ry zmienia internet. Zmienia tak\u017ce pozycjonowanie. Co musisz [&hellip;]<\/p>\n","protected":false},"author":31,"featured_media":22787,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1145],"tags":[],"coauthors":[1232],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.1 (Yoast SEO v24.4) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Pozycjonowanie stron w Google a HTML5<\/title>\n<meta name=\"description\" content=\"O HTML5 pisze si\u0119 ostatnio bardzo wiele, temat mo\u017ce wywo\u0142ywa\u0107 wi\u0119c pewne znu\u017cenie. Nies\u0142uszne. Do tej pory czyta\u0142e\u015b raczej o samej idei standardu HTML5, o \u2022 Artyku\u0142 dosta\u0142 lajk\u00f3w.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sprawnymarketing.pl\/blog\/seo-pozycjonowanie-html5\/\" \/>\n<meta property=\"og:locale\" content=\"pl_PL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pozycjonowanie stron w Google a HTML5\" \/>\n<meta property=\"og:description\" content=\"O HTML5 pisze si\u0119 ostatnio bardzo wiele, temat mo\u017ce wywo\u0142ywa\u0107 wi\u0119c pewne znu\u017cenie. Nies\u0142uszne. Do tej pory czyta\u0142e\u015b raczej o samej idei standardu HTML5, o \u2022 Artyku\u0142 dosta\u0142 lajk\u00f3w.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sprawnymarketing.pl\/blog\/seo-pozycjonowanie-html5\/\" \/>\n<meta property=\"og:site_name\" content=\"sprawny.marketing \u2022 Szkolenia \u2022 Konferencje \u2022 Magazyn\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SprawnyMarketing\/\" \/>\n<meta property=\"article:published_time\" content=\"2011-08-19T07:15:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-28T13:58:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2011\/08\/html5_header.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"565\" \/>\n\t<meta property=\"og:image:height\" content=\"331\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Marcin Juraszek\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napisane przez\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marcin Juraszek\" \/>\n\t<meta name=\"twitter:label2\" content=\"Szacowany czas czytania\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minut\" \/>\n\t<meta name=\"twitter:label3\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data3\" content=\"Marcin Juraszek\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Pozycjonowanie stron w Google a HTML5","description":"O HTML5 pisze si\u0119 ostatnio bardzo wiele, temat mo\u017ce wywo\u0142ywa\u0107 wi\u0119c pewne znu\u017cenie. Nies\u0142uszne. Do tej pory czyta\u0142e\u015b raczej o samej idei standardu HTML5, o \u2022 Artyku\u0142 dosta\u0142 lajk\u00f3w.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sprawnymarketing.pl\/blog\/seo-pozycjonowanie-html5\/","og_locale":"pl_PL","og_type":"article","og_title":"Pozycjonowanie stron w Google a HTML5","og_description":"O HTML5 pisze si\u0119 ostatnio bardzo wiele, temat mo\u017ce wywo\u0142ywa\u0107 wi\u0119c pewne znu\u017cenie. Nies\u0142uszne. Do tej pory czyta\u0142e\u015b raczej o samej idei standardu HTML5, o \u2022 Artyku\u0142 dosta\u0142 lajk\u00f3w.","og_url":"https:\/\/sprawnymarketing.pl\/blog\/seo-pozycjonowanie-html5\/","og_site_name":"sprawny.marketing \u2022 Szkolenia \u2022 Konferencje \u2022 Magazyn","article_publisher":"https:\/\/www.facebook.com\/SprawnyMarketing\/","article_published_time":"2011-08-19T07:15:35+00:00","article_modified_time":"2022-12-28T13:58:55+00:00","og_image":[{"width":565,"height":331,"url":"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2011\/08\/html5_header.jpg","type":"image\/jpeg"}],"author":"Marcin Juraszek","twitter_card":"summary_large_image","twitter_misc":{"Napisane przez":"Marcin Juraszek","Szacowany czas czytania":"12 minut","Written by":"Marcin Juraszek"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/sprawnymarketing.pl\/blog\/seo-pozycjonowanie-html5\/#article","isPartOf":{"@id":"https:\/\/sprawnymarketing.pl\/blog\/seo-pozycjonowanie-html5\/"},"author":{"name":"Marcin Juraszek","@id":"https:\/\/sprawnymarketing.pl\/#\/schema\/person\/f59fdae3faa63490e3b70d6ac3053b97"},"headline":"Pozycjonowanie stron w Google a HTML5","datePublished":"2011-08-19T07:15:35+00:00","dateModified":"2022-12-28T13:58:55+00:00","mainEntityOfPage":{"@id":"https:\/\/sprawnymarketing.pl\/blog\/seo-pozycjonowanie-html5\/"},"wordCount":2190,"commentCount":7,"publisher":{"@id":"https:\/\/sprawnymarketing.pl\/#organization"},"image":{"@id":"https:\/\/sprawnymarketing.pl\/blog\/seo-pozycjonowanie-html5\/#primaryimage"},"thumbnailUrl":"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2011\/08\/html5_header.jpg","articleSection":["SEO"],"inLanguage":"pl-PL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/sprawnymarketing.pl\/blog\/seo-pozycjonowanie-html5\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/sprawnymarketing.pl\/blog\/seo-pozycjonowanie-html5\/","url":"https:\/\/sprawnymarketing.pl\/blog\/seo-pozycjonowanie-html5\/","name":"Pozycjonowanie stron w Google a HTML5","isPartOf":{"@id":"https:\/\/sprawnymarketing.pl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sprawnymarketing.pl\/blog\/seo-pozycjonowanie-html5\/#primaryimage"},"image":{"@id":"https:\/\/sprawnymarketing.pl\/blog\/seo-pozycjonowanie-html5\/#primaryimage"},"thumbnailUrl":"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2011\/08\/html5_header.jpg","datePublished":"2011-08-19T07:15:35+00:00","dateModified":"2022-12-28T13:58:55+00:00","description":"O HTML5 pisze si\u0119 ostatnio bardzo wiele, temat mo\u017ce wywo\u0142ywa\u0107 wi\u0119c pewne znu\u017cenie. Nies\u0142uszne. Do tej pory czyta\u0142e\u015b raczej o samej idei standardu HTML5, o \u2022 Artyku\u0142 dosta\u0142 lajk\u00f3w.","breadcrumb":{"@id":"https:\/\/sprawnymarketing.pl\/blog\/seo-pozycjonowanie-html5\/#breadcrumb"},"inLanguage":"pl-PL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sprawnymarketing.pl\/blog\/seo-pozycjonowanie-html5\/"]}]},{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/sprawnymarketing.pl\/blog\/seo-pozycjonowanie-html5\/#primaryimage","url":"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2011\/08\/html5_header.jpg","contentUrl":"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2011\/08\/html5_header.jpg","width":565,"height":331},{"@type":"BreadcrumbList","@id":"https:\/\/sprawnymarketing.pl\/blog\/seo-pozycjonowanie-html5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Strona g\u0142\u00f3wna","item":"https:\/\/sprawnymarketing.pl\/"},{"@type":"ListItem","position":2,"name":"Pozycjonowanie stron w Google a HTML5"}]},{"@type":"WebSite","@id":"https:\/\/sprawnymarketing.pl\/#website","url":"https:\/\/sprawnymarketing.pl\/","name":"sprawny.marketing \u2022 Szkolenia \u2022 Konferencje \u2022 Magazyn","description":"","publisher":{"@id":"https:\/\/sprawnymarketing.pl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sprawnymarketing.pl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pl-PL"},{"@type":"Organization","@id":"https:\/\/sprawnymarketing.pl\/#organization","name":"sprawny.marketing \u2022 Szkolenia \u2022 Konferencje \u2022 Magazyn","url":"https:\/\/sprawnymarketing.pl\/","logo":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/sprawnymarketing.pl\/#\/schema\/logo\/image\/","url":"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2020\/07\/logo-3.png","contentUrl":"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2020\/07\/logo-3.png","width":512,"height":106,"caption":"sprawny.marketing \u2022 Szkolenia \u2022 Konferencje \u2022 Magazyn"},"image":{"@id":"https:\/\/sprawnymarketing.pl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SprawnyMarketing\/"]},{"@type":"Person","@id":"https:\/\/sprawnymarketing.pl\/#\/schema\/person\/f59fdae3faa63490e3b70d6ac3053b97","name":"Marcin Juraszek","image":{"@type":"ImageObject","inLanguage":"pl-PL","@id":"https:\/\/sprawnymarketing.pl\/#\/schema\/person\/image\/72b832ca88dd098a030097ac4dcb7a38","url":"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2020\/07\/avatar-1-150x150.png","contentUrl":"https:\/\/sprawnymarketing.pl\/wp-content\/uploads\/2020\/07\/avatar-1-150x150.png","caption":"Marcin Juraszek"},"description":"Formalnie - student informatyki i programista technologii .NET. Prywatnie - pasjonat SEO i nowych technologii webowych. Profil Google+","sameAs":["http:\/\/marcinjuraszek.com"],"url":"https:\/\/sprawnymarketing.pl\/blog\/autor\/marcin-juraszek\/"}]}},"_links":{"self":[{"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/posts\/8570"}],"collection":[{"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/comments?post=8570"}],"version-history":[{"count":4,"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/posts\/8570\/revisions"}],"predecessor-version":[{"id":45918,"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/posts\/8570\/revisions\/45918"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/media\/22787"}],"wp:attachment":[{"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/media?parent=8570"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/categories?post=8570"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/tags?post=8570"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/sprawnymarketing.pl\/smblog-api\/wp\/v2\/coauthors?post=8570"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}