{"id":521,"date":"2023-09-13T04:32:00","date_gmt":"2023-09-13T04:32:00","guid":{"rendered":"https:\/\/serpmantics.com\/?p=521"},"modified":"2025-07-02T13:26:44","modified_gmt":"2025-07-02T13:26:44","slug":"balise-semantique","status":"publish","type":"post","link":"https:\/\/serpmantics.com\/cs\/semantika\/","title":{"rendered":"S\u00e9mantick\u00e9 zna\u010dky HTML5 pro zlep\u0161en\u00ed SEO"},"content":{"rendered":"<p>P\u0159\u00edstup SEO m\u00e1 n\u011bkolik v\u00fdhod. Zaveden\u00ed takov\u00e9 strategie optimalizuje kvalitu prodejn\u00edch str\u00e1nek obchodn\u00edka. V d\u016fsledku toho investice do SEO umo\u017e\u0148uje<strong>u\u0161et\u0159it pen\u00edze a z\u00e1rove\u0148 b\u00fdt produktivn\u00ed.<\/strong>. Poskytuje tak\u00e9 <strong>dlouhodob\u00e1 viditelnost<\/strong> a z\u00edskat <strong>kvalifikovan\u00e9 potenci\u00e1ln\u00ed z\u00e1kazn\u00edky<\/strong>. P\u0159irozen\u00e9 odkazov\u00e1n\u00ed nav\u00edc nab\u00edz\u00ed vysokou m\u00edru konverze a dobr\u00e9 pov\u011bdom\u00ed o zna\u010dce. Str\u00e1nky v\u0161ak mus\u00ed b\u00fdt dob\u0159e strukturovan\u00e9, po\u010d\u00ednaje s\u00e9mantick\u00fdmi zna\u010dkami. Ty maj\u00ed v\u00fdznamn\u00fd vliv na vyhled\u00e1va\u010de. Objevte r\u016fzn\u00e9 kroky ke zlep\u0161en\u00ed SEO.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Definice s\u00e9mantick\u00e9 zna\u010dky v HTML5<\/h2>\n\n\n\n<p>S\u00e9mantick\u00e1 zna\u010dka v HTML5 je <strong>vylep\u0161en\u00e1 zna\u010dka HTML<\/strong> kter\u00fd poskytuje p\u0159esn\u00e9 informace o obsahu webov\u00e9 str\u00e1nky. Za t\u00edmto \u00fa\u010delem je mnohem snaz\u0161\u00ed pro<strong>indexov\u00e1n\u00ed ve vyhled\u00e1va\u010d\u00edch<\/strong>. Z\u00e1rove\u0148 vede prohl\u00ed\u017ee\u010d k zaji\u0161t\u011bn\u00ed u\u017eivatelsky p\u0159\u00edv\u011btiv\u00e9 prezentace pro \u010dten\u00e1\u0159e.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00daloha s\u00e9mantick\u00fdch zna\u010dek HTML5 p\u0159i p\u0159irozen\u00e9m odkazov\u00e1n\u00ed<\/h2>\n\n\n\n<p>Zna\u010dky HTML poskytuj\u00ed vizu\u00e1ln\u00ed prezentaci webov\u00e9 str\u00e1nky t\u00edm, \u017ee prohl\u00ed\u017ee\u010d\u016fm ukazuj\u00ed jej\u00ed strukturu. Na rozd\u00edl od s\u00e9mantick\u00fdch zna\u010dek HTML5 v\u0161ak neposkytuj\u00ed \u017e\u00e1dn\u00e9 podrobnosti o obsahu str\u00e1nky. S\u00e9mantick\u00e9 zna\u010dky d\u00e1vaj\u00ed obsahu v\u00fdznam a usnad\u0148uj\u00ed jeho pochopen\u00ed vyhled\u00e1va\u010di. Jejich pou\u017eit\u00ed nav\u00edc <strong>ovliv\u0148uje p\u0159irozen\u00e9 odkazov\u00e1n\u00ed a indexov\u00e1n\u00ed t\u00edm, \u017ee je strukturuje.<\/strong>. Nav\u00edc podporuj\u00ed lep\u0161\u00ed u\u017eivatelskou zku\u0161enost d\u00edky <strong>plynul\u00e9 p\u0159ehr\u00e1v\u00e1n\u00ed<\/strong>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">V\u00fdhody s\u00e9mantick\u00e9ho zna\u010den\u00ed v HTML5 pro p\u0159irozen\u00e9 odkazov\u00e1n\u00ed<\/h2>\n\n\n\n<p>S\u00e9mantick\u00e9 zna\u010dky HTML5 jsou z\u00e1kladn\u00edm p\u0159\u00ednosem pro optimalizaci pro vyhled\u00e1va\u010de. Zaprv\u00e9 umo\u017e\u0148uj\u00ed vyhled\u00e1va\u010d\u016fm <strong>rychle pochopit t\u00e9ma a strukturu<\/strong>. To podporuje indexov\u00e1n\u00ed a zlep\u0161uje um\u00edst\u011bn\u00ed str\u00e1nky. Usnad\u0148uj\u00ed tak\u00e9 \u00fadr\u017ebu k\u00f3du. D\u00edky tomu je mohou v\u00fdvoj\u00e1\u0159i snadno upravovat i po t\u00fddnech nebo dokonce m\u011bs\u00edc\u00edch. Sta\u010d\u00ed, kdy\u017e uprav\u00ed CSS a z\u00e1rove\u0148 se zam\u011b\u0159\u00ed na zna\u010dku <article>.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Porovn\u00e1n\u00ed zna\u010dek HTML a HTML5<\/h2>\n\n\n\n<p>S\u00e9mantick\u00e9 zna\u010dky HTML5 se od tradi\u010dn\u00edch zna\u010dek li\u0161\u00ed v n\u011bkolika ohledech. Zaprv\u00e9, s\u00e9mantick\u00e9 zna\u010dky HTML5 nab\u00edzej\u00ed nov\u00e9 funkce, jako nap\u0159. <strong>multimedi\u00e1ln\u00ed podpora<\/strong>. Na rozd\u00edl od star\u00fdch zna\u010dek zna\u010dky HTML5 nativn\u011b integruj\u00ed obrazov\u00e9 form\u00e1ty v\u010detn\u011b vektorov\u00e9 grafiky. Nav\u00edc maj\u00ed \u0161ir\u0161\u00ed vyu\u017eit\u00ed a umo\u017e\u0148uj\u00ed u\u017eivatel\u016fm kreslit nejr\u016fzn\u011bj\u0161\u00ed tvary. Krom\u011b kr\u00e1tk\u00e9 deklarace dokumentu optimalizuj\u00ed zna\u010dky HTML5 pravidla syntaxe pro v\u011bt\u0161\u00ed kompatibilitu.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">R\u016fzn\u00e9 typy s\u00e9mantick\u00fdch zna\u010dek, kter\u00e9 jsou nezbytn\u00e9<\/h2>\n\n\n\n<p>V k\u00f3du HTML se s\u00e9mantick\u00e9 zna\u010dky zapisuj\u00ed pomoc\u00ed \u00favodn\u00ed zna\u010dky  a uzav\u0159en\u00e9 zna\u010dky obsahuj\u00edc\u00ed lom\u00edtko . Pokud jde o obsah, ten se vkl\u00e1d\u00e1 doprost\u0159ed t\u011bchto dvou zna\u010dek t\u00edmto zp\u016fsobem: obsah.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zna\u010dka <header><\/h3>\n\n\n\n<p>Zna\u010dka <header> definuje <strong>z\u00e1hlav\u00ed obsahu<\/strong> kter\u00e1 obsahuje logo spole\u010dnosti a hlavn\u00ed navigaci webu. Indexovac\u00edm robot\u016fm p\u0159ed\u00e1v\u00e1 opakuj\u00edc\u00ed se informace z ka\u017ed\u00e9 str\u00e1nky. Tento tag je v\u0161ak v k\u00f3du HTML jedine\u010dn\u00fd. Jin\u00fdmi slovy, jeden tag <header> nem\u016f\u017ee na str\u00e1nce obsahovat jin\u00fd. Takto je k\u00f3dov\u00e1n v jazyce HTML5:&nbsp;<\/p>\n\n\n\n<p><header><\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;h1&gt;... &lt;\/h1&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;img src=&quot;&nbsp;&raquo;image&thinsp;&raquo;&quot; alt=&quot;&nbsp;&amp;quot;The&quot; logo du site&nbsp;&raquo;&gt;<\/p>\n\n\n\n<p><\/header><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zna\u010dka <nav><\/h3>\n\n\n\n<p>Zna\u010dka <nav> obsahuje <strong>naviga\u010dn\u00ed menu<\/strong>. V k\u00f3dov\u00e1n\u00ed HTML se jeho um\u00edst\u011bn\u00ed li\u0161\u00ed. M\u016f\u017ee se nach\u00e1zet v z\u00e1hlav\u00ed, z\u00e1pat\u00ed nebo postrann\u00edm panelu. V praxi je zde uveden k\u00f3d v jazyce HTML5 :<\/p>\n\n\n\n<p><nav class=\"menu\"><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <ul><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;ahref=&nbsp;&raquo;#Accueil&nbsp;&raquo;&gt;Home&lt;\/a&gt;&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;ahref=&nbsp;&raquo;#Apropos&nbsp;&raquo;&gt;O n&aacute;s&lt;\/a&gt;&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;ahref=&nbsp;&raquo;#Contact&nbsp;&raquo;&gt;Kontakt&lt;\/a&gt;&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/ul><\/p>\n\n\n\n<p><\/nav><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zna\u010dka <main><\/h3>\n\n\n\n<p>Zna\u010dka <main> ozna\u010duje <strong>hlavn\u00ed obsah<\/strong> webov\u00e9 str\u00e1nky. Je d\u016fle\u017eit\u00e9 si uv\u011bdomit, \u017ee tento prvek tvo\u0159\u00ed z\u00e1klad pro k\u00f3dov\u00e1n\u00ed obsahu webu. Sdru\u017euje tak\u00e9 zna\u010dky <section> a <article>. Zna\u010dka <article> sd\u011bluje vyhled\u00e1va\u010d\u016fm text obsahu. Jin\u00fdmi slovy, m\u016f\u017ee se jednat o p\u0159\u00edsp\u011bvek na blogu, mas\u00e1\u017e ve f\u00f3ru nebo produktov\u00fd list.<\/p>\n\n\n\n<p>Obecn\u011b sdru\u017euje n\u00e1zev, \u00fadaje o publikaci, kategorii, obsah a propojen\u00e9 \u010dl\u00e1nky. Pokud jde o zna\u010dku <section>, ta ozna\u010duje jej\u00ed p\u0159esn\u011bji definovan\u00e9 strukturov\u00e1n\u00ed. Je t\u0159eba tak\u00e9 poznamenat, \u017ee tento tag m\u016f\u017ee obsahovat n\u011bkolik <section>. Zde je n\u00e1vod, jak jej zapsat:<\/p>\n\n\n\n<p>&lt;body&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;<header>... <\/header><\/p>\n\n\n\n<p>&nbsp;&nbsp;<main><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;... &lt;\/p&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;... &lt;\/p&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;<\/main><\/p>\n\n\n\n<p>&lt;\/body&gt;<\/p>\n\n\n\n<p>Zna\u010dka <article> se zapisuje jako :<\/p>\n\n\n\n<p>&lt;article&gt;<\/p>\n\n\n\n<p><header><\/p>\n\n\n\n<p>&lt;h2&gt;...&lt;\/h2&gt;<\/p>\n\n\n\n<p>&lt;p&gt;...&lt;time datetime=&quot;&nbsp;&raquo;&hellip;&nbsp;&raquo;&quot;&gt;...&lt;\/time&gt;&nbsp;...&lt;\/p&gt;<\/p>\n\n\n\n<p><\/header><\/p>\n\n\n\n<p>&lt;p&gt;...&lt;\/p&gt;<\/p>\n\n\n\n<p>&lt;p&gt;&lt;ahref=&nbsp;&raquo;lien du site&nbsp;&raquo;&gt; ...&lt;\/a&gt;&lt;\/p&gt;<\/p>\n\n\n\n<p><\/article><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zna\u010dka <aside><\/h3>\n\n\n\n<p>Zna\u010dka <aside> se zab\u00fdv\u00e1 <strong>dopl\u0148kov\u00fd nebo vedlej\u0161\u00ed obsah<\/strong> k hlavn\u00edmu obsahu, jako jsou postrann\u00ed panely nebo dopl\u0148uj\u00edc\u00ed informace. V\u0161imn\u011bte si, \u017ee pro um\u00edst\u011bn\u00ed zna\u010dky <aside> neexistuj\u00ed \u017e\u00e1dn\u00e1 p\u0159\u00edsn\u00e1 pravidla. Lze jej vlo\u017eit na r\u016fzn\u00e1 m\u00edsta webov\u00e9 str\u00e1nky. V jazyce HTML5 je vyj\u00e1d\u0159en n\u00e1sleduj\u00edc\u00edm zp\u016fsobem:<\/p>\n\n\n\n<p>&lt;aside&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;... &lt;\/p&gt;<\/p>\n\n\n\n<p><\/aside><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zna\u010dka <footer><\/h3>\n\n\n\n<p>Zna\u010dka <footer> <strong>ohrani\u010duje z\u00e1pat\u00ed<\/strong>. Obsahuje logo, naviga\u010dn\u00ed odkazy a pr\u00e1vn\u00ed informace. Obvykle se nach\u00e1z\u00ed v doln\u00ed \u010d\u00e1sti str\u00e1nky nebo v bloku. V jazyce HTML5 se zna\u010dka p\u00ed\u0161e :<\/p>\n\n\n\n<p><footer><\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;img src=&quot;&thinsp;&raquo;&quot; image&nbsp;&raquo;&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;p&gt;... &lt;\/p&gt;<\/p>\n\n\n\n<p><\/footer><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zna\u010dka Hn<\/h3>\n\n\n\n<p>Na str\u00e1nk\u00e1ch<a href=\"https:\/\/serpmantics.com\/cs\/h1-h2-h3\/\"> Hn maj\u00e1ky<\/a> <strong>vypl\u0148te n\u00e1zvy obsahu<\/strong> str\u00e1nky a z\u00e1rove\u0148 jsou kl\u00ed\u010dov\u00e9 pro vyhled\u00e1va\u010de. Ve skute\u010dnosti zlep\u0161uj\u00ed \u010ditelnost pro tyto prohl\u00ed\u017ee\u010de. Krom\u011b toho obsahuj\u00ed hlavn\u00ed a vedlej\u0161\u00ed kl\u00ed\u010dov\u00e1 slova, kter\u00e1 poskytuj\u00ed kl\u00ed\u010dov\u00e9 informace o t\u00e9matu. Tyto zna\u010dky title jsou rozd\u011bleny do 6 \u00farovn\u00ed.<\/p>\n\n\n\n<p>Na str&aacute;nk&aacute;ch &lt;h1&gt; ozna\u010duje hlavn&iacute;, nejd\u016fle\u017eit\u011bj&scaron;&iacute; nadpis str&aacute;nky nebo \u010dl&aacute;nku. Na adrese &lt;h2&gt; ozna\u010duje podnadpisy a rozd\u011bluje text do samostatn&yacute;ch odstavc\u016f. Pododstavce lze vytv&aacute;\u0159et pomoc&iacute; p\u0159&iacute;kazu &lt;h3&gt; a &lt;h4&gt; tagy pro dal&scaron;&iacute; &uacute;rove\u0148 detail\u016f. &Scaron;t&iacute;tky &lt;h5&gt; a &lt;h6&gt; tak&eacute; existuj&iacute;, ale z\u0159&iacute;dkakdy se pou\u017e&iacute;vaj&iacute;, aby se dostaly do je&scaron;t\u011b v\u011bt&scaron;&iacute;ch podrobnost&iacute;.<\/p>\n\n\n\n<p>Je nezbytn&eacute; m&iacute;t pouze jeden &lt;h1&gt; zna\u010dek na str&aacute;nku, zat&iacute;mco po\u010det &lt;h2&gt;, &lt;h3&gt;, &lt;h4&gt; m\u016f\u017ee b&yacute;t vy&scaron;&scaron;&iacute;. C&iacute;lem je ucelen&aacute; a plynul&aacute; struktura obsahu.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Popisn\u00e9 zna\u010dky <dl><dt> a <dd>.<\/h3>\n\n\n\n<p>Zna\u010dky <dl>, <dt> a <dd> slou\u017e\u00ed k tomu, aby se <strong>vytv\u00e1\u0159et seznamy strukturovan\u00fdch popis\u016f<\/strong>. Na rozd\u00edl od klasick\u00fdch seznam\u016f <ul> a <li> lze tyto zna\u010dky pou\u017e\u00edt k prezentaci podrobn\u00fdch definic, co\u017e je ide\u00e1ln\u00ed pro vysv\u011btlen\u00ed slo\u017eit\u00fdch pojm\u016f nebo vytvo\u0159en\u00ed slovn\u00ed\u010dku pojm\u016f na webov\u00fdch str\u00e1nk\u00e1ch.<\/p>\n\n\n\n<p><dl><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;<dt>Ovoce<\/dt><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;<dd>Apple<\/dd><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;<dt>Strom<\/dt><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;<dd>Jablko<\/dd><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;<dt>Rodina<\/dt><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&lt;Rosaceae<\/dd><\/p>\n\n\n\n<p><\/dl><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zna\u010dky <blockquote> a <cite><\/h3>\n\n\n\n<p>Zna\u010dka <blockquote> ozna\u010duje. <strong>citace v obsahu<\/strong> a zna\u010dka <cite> <strong>ozna\u010duje jeho n\u00e1zev a zdroj<\/strong>. Je d\u016fle\u017eit\u00e9 si uv\u011bdomit, \u017ee se vkl\u00e1d\u00e1 do zna\u010dky <blockquote>. Zde je n\u00e1vod, jak je k\u00f3dovat v jazyce HTML : &nbsp;<\/p>\n\n\n\n<p><blockquote><\/p>\n\n\n\n<p>&nbsp;&nbsp;&lt;p&gt;... &lt;\/p&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;<footer><cite>... <\/cite>... <\/footer><\/p>\n\n\n\n<p><\/blockquote><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zna\u010dky <code> a <pre><\/h3>\n\n\n\n<p>Zna\u010dka <code> <strong>zv\u00fdraz\u0148uje v\u00fdpisy k\u00f3du<\/strong> a umo\u017en\u00ed tak vyhled\u00e1va\u010d\u016fm jejich rozpozn\u00e1n\u00ed. Zna\u010dka <pre> zobrazuje p\u0159edform\u00e1tovan\u00fd text a zachov\u00e1v\u00e1 strukturu p\u016fvodn\u00edho k\u00f3du. Tyto zna\u010dky indexovac\u00edm robot\u016fm nazna\u010duj\u00ed specifickou povahu obsahu.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Dal\u0161\u00ed d\u016fle\u017eit\u00e9 s\u00e9mantick\u00e9 zna\u010dky pro SEO<\/h2>\n\n\n\n<p>Metazna\u010dky HTML d\u011blaj\u00ed <strong>odkaz na n\u00e1zev, autora, kl\u00ed\u010dov\u00e1 slova a popis obsahu.<\/strong>. Tyto zna\u010dky jsou nezbytn\u00e9 pro vyhled\u00e1va\u010de, aby mohly indexovat va\u0161e str\u00e1nky a v\u00e1\u0161 obsah. Nap\u0159\u00edklad zna\u010dka <title> popisuje \u00fa\u010del str\u00e1nky a je pro indexaci kl\u00ed\u010dov\u00e1. Tag meta-description zase poskytuje podrobn\u00fd popis str\u00e1nky a podporuje kliknut\u00ed z v\u00fdsledk\u016f vyhled\u00e1v\u00e1n\u00ed.<\/p>\n\n\n\n<p>Zna\u010dky &lt;p&gt;&lt;\/p&gt; ozna\u010duj&iacute; samostatn&eacute; odstavce, zat&iacute;mco zna\u010dky &lt;a&gt;&lt;\/a&gt; jsou <strong>hypertextov\u00e9 odkazy mezi str\u00e1nkami<\/strong>. Ozna\u010dov&aacute;n&iacute; &lt;em&gt;&lt;\/em&gt; zv&yacute;raz\u0148uje text a zna\u010dky &lt;strong&gt;&lt;\/strong&gt; zd\u016fraznit posledn&iacute; z nich.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zna\u010dka<\/h3>\n\n\n\n<p>Zna\u010dka HTML  ozna\u010duje <strong>adresa va\u0161\u00ed spole\u010dnosti<\/strong>. Nach\u00e1z\u00ed se v z\u00e1pat\u00ed nebo na str\u00e1nce s kontakty. Stru\u010dn\u011b \u0159e\u010deno, tento tag jednodu\u0161e r\u00e1muje prvky adresy pro vhodn\u00e9 form\u00e1tov\u00e1n\u00ed. V jazyce HTML5 se zapisuje takto: <address>va\u0161e adresa<\/address>.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zna\u010dka<\/h3>\n\n\n\n<p>Tato zna\u010dka zobrazuje \u010dasov\u00e9 \u00fadaje, nap\u0159. <strong>datum zve\u0159ejn\u011bn\u00ed \u010dl\u00e1nku nebo budouc\u00ed ud\u00e1losti.<\/strong>. Obsahuje \u010d\u00edseln\u00fd atribut datetime, p\u0159i\u010dem\u017e form\u00e1t zobrazen\u00fd u\u017eivateli se m\u016f\u017ee li\u0161it mezi zna\u010dkami  a . Zde je typick\u00fd p\u0159\u00edklad pou\u017eit\u00ed: \u010ctvrtek 10. srpna ve 12:30.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zna\u010dka <figure><\/h3>\n\n\n\n<p>Zna\u010dka <figure> ozna\u010duje m\u00e9dia, jako jsou nap\u0159. <strong>ilustrace, diagramy, p\u0159\u00edklady k\u00f3du nebo fotografie.<\/strong>. Tyto prvky jsou spojeny s obsahem, ani\u017e by p\u0159eru&scaron;ovaly tok dokumentu. Obr&aacute;zky &lt;figure&gt; nepot\u0159ebuj&iacute; &lt;p&gt;Seznamy s odr&aacute;\u017ekami lze u seznam\u016f obr&aacute;zk\u016f vynechat. M\u016f\u017eete tak&eacute; pou\u017e&iacute;t &lt;figcaption&gt; pro <strong>popsat tato m\u00e9dia<\/strong>. V\u0161imn\u011bte si, \u017ee tento tag by nem\u011bl b\u00fdt pou\u017e\u00edv\u00e1n pro ka\u017ed\u00fd obr\u00e1zek v \u010dl\u00e1nku a m\u016f\u017ee b\u00fdt zam\u011bn\u011bn s <aside>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Zna\u010dka <summary><\/h3>\n\n\n\n<p>Zna\u010dka <summary> se obvykle pou\u017e\u00edv\u00e1 v r\u00e1mci zna\u010dky . Poskytuje <strong>stru\u010dn\u00fd popis, titulek nebo n\u00e1zev.<\/strong>e k prvku.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Strategie implementace s\u00e9mantick\u00fdch zna\u010dek v HTML5<\/h2>\n\n\n\n<p>Existuj\u00ed dv\u011b metody implementace s\u00e9mantick\u00fdch zna\u010dek v HTML5. Pomoc\u00ed n\u00e1stroje pro zna\u010dkov\u00e1n\u00ed HTML spole\u010dnosti Google, kter\u00fd nevy\u017eaduje \u017e\u00e1dnou manipulaci se zdrojov\u00fdm k\u00f3dem. Tato metoda zahrnuje n\u011bkolik jednoduch\u00fdch krok\u016f.<\/p>\n\n\n\n<p>Za prv\u00e9, <strong>vybrat typ dat, kter\u00e1 maj\u00ed b\u00fdt strukturov\u00e1na.<\/strong> v n\u00e1stroji pro zna\u010dkov\u00e1n\u00ed HTML spole\u010dnosti Google. Dal\u0161\u00edm krokem je <strong>zadejte adresu URL str\u00e1nky<\/strong> nebo zkop\u00edrujte a vlo\u017ete k\u00f3d HTML \u010dl\u00e1nku. P\u0159idejte nov\u00e9 zna\u010dky kliknut\u00edm na \"N\u00e1zev\" pro <strong>zobrazit n\u00e1zev na kart\u011b<\/strong> \"Moje datov\u00e9 prvky\". <strong>Vytvo\u0159en\u00ed k\u00f3du HTML se zv\u00fdrazn\u011bn\u00fdmi zna\u010dkami<\/strong> \u017elut\u011b kliknut\u00edm na \"Vytvo\u0159it HTML\". Nakonec klikn\u011bte na <strong>vlo\u017eit zna\u010dky do zdrojov\u00e9ho k\u00f3du<\/strong> str\u00e1nky prost\u0159ednictv\u00edm back office.<\/p>\n\n\n\n<p>M\u016f\u017eete si tak\u00e9 nainstalovat pluginy, jako je Yoast SEO nebo Schema Pro, kter\u00e9 tyto s\u00e9mantick\u00e9 zna\u010dky integruj\u00ed. Po sta\u017een\u00ed pluginu sta\u010d\u00ed vyplnit pole p\u0159\u00edslu\u0161n\u00fdmi hodnotami a kliknout na \"vlo\u017eit\". Zna\u010dky HTML5 se automaticky p\u0159idaj\u00ed do zdrojov\u00e9ho k\u00f3du va\u0161\u00ed str\u00e1nky.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">S\u00e9mantick\u00e1 struktura k\u00f3du HTML5 pro dobr\u00e9 hodnocen\u00ed SEO<\/h2>\n\n\n\n<p>P\u0159esto\u017ee existuje mnoho r\u016fzn\u00fdch kombinac\u00ed zna\u010dek HTML5, je d\u016fle\u017eit\u00e9 dodr\u017eovat p\u0159esnou organizaci, abyste optimalizovali SEO. Zde je uvedena spr\u00e1vn\u00e1 struktura pro zlep\u0161en\u00ed SEO:&nbsp;<\/p>\n\n\n\n<p>&lt;html doctype<\/p>\n\n\n\n<p>&lt;html&nbsp;lang=\u00a0\u00bbfr\u00a0\u00bb&gt;<\/p>\n\n\n\n<p>&lt;head&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;metacharset=\u00a0\u00bbutf-8\u2019 \/&gt;<\/p>\n\n\n\n<p>&lt;\/head&gt;<\/p>\n\n\n\n<p>&lt;body&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<header><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<nav class=\"menu\"><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <ul><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;ahref=&nbsp;&raquo;#Accueil&nbsp;&raquo;&gt;Home&lt;\/a&gt;&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;ahref=&nbsp;&raquo;#Apropos&nbsp;&raquo;&gt;O n&aacute;s&lt;\/a&gt;&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li&gt;&lt;ahref=&nbsp;&raquo;#Contact&nbsp;&raquo;&gt;Kontakt&lt;\/a&gt;&lt;\/li&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <\/ul><\/p>\n\n\n\n<p><\/nav><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/header><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<main><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;article&gt;<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;...<\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/article><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<aside>... <\/aside><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/main><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<footer><\/p>\n\n\n\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<\/footer><\/p>\n\n\n\n<p>&lt;\/body&gt;<\/p>\n\n\n\n<p>&lt;\/html&gt;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Osv\u011bd\u010den\u00e9 postupy pro zna\u010den\u00ed HTML5 ke zlep\u0161en\u00ed SEO<\/h2>\n\n\n\n<p>Pro za\u010d\u00e1tek pou\u017eijte <strong>Styl CSS pro form\u00e1tov\u00e1n\u00ed<\/strong>. I kdy\u017e prohl&iacute;\u017ee\u010de na tyto zna\u010dky aplikuj&iacute; styly, nesm&iacute; b&yacute;t pou\u017eity k form&aacute;tov&aacute;n&iacute; textu. Nepou\u017e&iacute;vejte nap\u0159&iacute;klad zna\u010dky nadpis\u016f pouze ke zm\u011bn\u011b velikosti p&iacute;sma. M&iacute;sto toho je pou\u017e&iacute;vejte s&eacute;manticky. Stejn\u011b tak nepou\u017e&iacute;vejte &lt;blockquote&gt; pro odsazen&iacute; nebo &lt;strong&gt; nebo &lt;em&gt; tu\u010dn\u011b nebo kurz&iacute;vou bezd\u016fvodn\u011b.<\/p>\n\n\n\n<p><strong>Uspo\u0159\u00e1d\u00e1n\u00ed n\u00e1zv\u016f v ucelen\u00e9 hierarchii<\/strong>. Nap\u0159&iacute;klad titulky&nbsp;&lt;h3 &gt; mus&iacute; dodr\u017eovat &lt;h2&gt; vhodn&eacute;. Tato struktura vytv&aacute;\u0159&iacute; logickou hierarchii obsahu a usnad\u0148uje jeho pochopen&iacute; \u010dten&aacute;\u0159i i vyhled&aacute;va\u010di. K odhalen&iacute; probl&eacute;m\u016f s nadpisy m\u016f\u017eete pou\u017e&iacute;t n&aacute;stroj Semrush pro audit webu.&nbsp;&lt;h1&gt; a dal&scaron;&iacute; chyby SEO. V&scaron;imn\u011bte si, \u017ee tento hierarchick&yacute; p\u0159&iacute;stup plat&iacute; i pro v&scaron;echny ostatn&iacute; s&eacute;mantick&eacute; zna\u010dky HTML.<\/p>\n\n\n\n<p>Doporu\u010dujeme <strong>p\u0159im\u011b\u0159en\u011b pou\u017e\u00edvat zna\u010dky nadpis\u016f<\/strong> aby nebyla ohro\u017eena \u010ditelnost a srozumitelnost str\u00e1nek. Krom\u011b toho se d\u016frazn\u011b doporu\u010duje vyvarovat se pou\u017e\u00edv\u00e1n\u00ed p\u0159\u00edli\u0161 dlouh\u00fdch nadpis\u016f nebo jejich zneu\u017e\u00edv\u00e1n\u00ed pro \u00fa\u010dely form\u00e1tov\u00e1n\u00ed. V neposledn\u00ed \u0159ad\u011b se nedoporu\u010duj\u00ed nevhodn\u00e9 kombinace s jin\u00fdmi zna\u010dkami a vizu\u00e1ln\u011b nekonzistentn\u00ed velikosti nadpis\u016f.<\/p>","protected":false},"excerpt":{"rendered":"<p>P\u0159\u00edstup SEO m\u00e1 v\u00edce v\u00fdhod. Zaveden\u00ed takov\u00e9 strategie optimalizuje kvalitu prodejn\u00edch str\u00e1nek na webu obchodn\u00edka. V d\u016fsledku toho je investice do SEO produktivn\u00edm zp\u016fsobem, jak u\u0161et\u0159it pen\u00edze. Zaji\u0161\u0165uje tak\u00e9 dlouhodobou viditelnost a kvalifikovan\u00e9 potenci\u00e1ln\u00ed z\u00e1kazn\u00edky. A co v\u00edc, [...]<\/p>","protected":false},"author":3,"featured_media":522,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-521","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Balises s\u00e9mantiques en HTML5 pour am\u00e9liorer votre SEO - SERPmantics<\/title>\n<meta name=\"description\" content=\"Une bonne structuration du contenu d&#039;une page est essentielle pour l&#039;aspect SEO. Utiliser les balises s\u00e9mantiques est essentiel \u00e0 cet effet\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/serpmantics.com\/cs\/semantika\/\" \/>\n<meta property=\"og:locale\" content=\"cs_CZ\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Balises s\u00e9mantiques en HTML5 pour am\u00e9liorer votre SEO - SERPmantics\" \/>\n<meta property=\"og:description\" content=\"Une bonne structuration du contenu d&#039;une page est essentielle pour l&#039;aspect SEO. Utiliser les balises s\u00e9mantiques est essentiel \u00e0 cet effet\" \/>\n<meta property=\"og:url\" content=\"https:\/\/serpmantics.com\/cs\/semantika\/\" \/>\n<meta property=\"og:site_name\" content=\"SERPmantics\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-13T04:32:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-02T13:26:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/serpmantics.com\/wp-content\/uploads\/2023\/08\/balise-semantique.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"426\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"ranto\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Napsal(a)\" \/>\n\t<meta name=\"twitter:data1\" content=\"ranto\" \/>\n\t<meta name=\"twitter:label2\" content=\"Odhadovan\u00e1 doba \u010dten\u00ed\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minut\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/serpmantics.com\/balise-semantique\/\",\"url\":\"https:\/\/serpmantics.com\/balise-semantique\/\",\"name\":\"Balises s\u00e9mantiques en HTML5 pour am\u00e9liorer votre SEO - SERPmantics\",\"isPartOf\":{\"@id\":\"https:\/\/serpmantics.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/serpmantics.com\/balise-semantique\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/serpmantics.com\/balise-semantique\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/serpmantics.com\/wp-content\/uploads\/2023\/08\/balise-semantique.jpg\",\"datePublished\":\"2023-09-13T04:32:00+00:00\",\"dateModified\":\"2025-07-02T13:26:44+00:00\",\"author\":{\"@id\":\"https:\/\/serpmantics.com\/#\/schema\/person\/1217e103a8962fd29fac88009bee8d96\"},\"description\":\"Une bonne structuration du contenu d'une page est essentielle pour l'aspect SEO. Utiliser les balises s\u00e9mantiques est essentiel \u00e0 cet effet\",\"breadcrumb\":{\"@id\":\"https:\/\/serpmantics.com\/balise-semantique\/#breadcrumb\"},\"inLanguage\":\"cs\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/serpmantics.com\/balise-semantique\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\/\/serpmantics.com\/balise-semantique\/#primaryimage\",\"url\":\"https:\/\/serpmantics.com\/wp-content\/uploads\/2023\/08\/balise-semantique.jpg\",\"contentUrl\":\"https:\/\/serpmantics.com\/wp-content\/uploads\/2023\/08\/balise-semantique.jpg\",\"width\":640,\"height\":426,\"caption\":\"balise s\u00e9mantique\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/serpmantics.com\/balise-semantique\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/serpmantics.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Balises s\u00e9mantiques en HTML5 pour am\u00e9liorer votre SEO\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/serpmantics.com\/#website\",\"url\":\"https:\/\/serpmantics.com\/\",\"name\":\"SERPmantics\",\"description\":\"L&#039;Optimisation S\u00e9mantique pouss\u00e9e pour passer 1er sur Google\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/serpmantics.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"cs\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/serpmantics.com\/#\/schema\/person\/1217e103a8962fd29fac88009bee8d96\",\"name\":\"ranto\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"cs\",\"@id\":\"https:\/\/serpmantics.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/15495535b021c7560fc21fdd8da4f2fe673a4a5c455e8f7e941672e65d4ee1c3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/15495535b021c7560fc21fdd8da4f2fe673a4a5c455e8f7e941672e65d4ee1c3?s=96&d=mm&r=g\",\"caption\":\"ranto\"},\"url\":\"#\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Balises s\u00e9mantiques en HTML5 pour am\u00e9liorer votre SEO - SERPmantics","description":"Une bonne structuration du contenu d'une page est essentielle pour l'aspect SEO. Utiliser les balises s\u00e9mantiques est essentiel \u00e0 cet effet","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:\/\/serpmantics.com\/cs\/semantika\/","og_locale":"cs_CZ","og_type":"article","og_title":"Balises s\u00e9mantiques en HTML5 pour am\u00e9liorer votre SEO - SERPmantics","og_description":"Une bonne structuration du contenu d'une page est essentielle pour l'aspect SEO. Utiliser les balises s\u00e9mantiques est essentiel \u00e0 cet effet","og_url":"https:\/\/serpmantics.com\/cs\/semantika\/","og_site_name":"SERPmantics","article_published_time":"2023-09-13T04:32:00+00:00","article_modified_time":"2025-07-02T13:26:44+00:00","og_image":[{"width":640,"height":426,"url":"https:\/\/serpmantics.com\/wp-content\/uploads\/2023\/08\/balise-semantique.jpg","type":"image\/jpeg"}],"author":"ranto","twitter_card":"summary_large_image","twitter_misc":{"Napsal(a)":"ranto","Odhadovan\u00e1 doba \u010dten\u00ed":"10 minut"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/serpmantics.com\/balise-semantique\/","url":"https:\/\/serpmantics.com\/balise-semantique\/","name":"Balises s\u00e9mantiques en HTML5 pour am\u00e9liorer votre SEO - SERPmantics","isPartOf":{"@id":"https:\/\/serpmantics.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/serpmantics.com\/balise-semantique\/#primaryimage"},"image":{"@id":"https:\/\/serpmantics.com\/balise-semantique\/#primaryimage"},"thumbnailUrl":"https:\/\/serpmantics.com\/wp-content\/uploads\/2023\/08\/balise-semantique.jpg","datePublished":"2023-09-13T04:32:00+00:00","dateModified":"2025-07-02T13:26:44+00:00","author":{"@id":"https:\/\/serpmantics.com\/#\/schema\/person\/1217e103a8962fd29fac88009bee8d96"},"description":"Une bonne structuration du contenu d'une page est essentielle pour l'aspect SEO. Utiliser les balises s\u00e9mantiques est essentiel \u00e0 cet effet","breadcrumb":{"@id":"https:\/\/serpmantics.com\/balise-semantique\/#breadcrumb"},"inLanguage":"cs","potentialAction":[{"@type":"ReadAction","target":["https:\/\/serpmantics.com\/balise-semantique\/"]}]},{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/serpmantics.com\/balise-semantique\/#primaryimage","url":"https:\/\/serpmantics.com\/wp-content\/uploads\/2023\/08\/balise-semantique.jpg","contentUrl":"https:\/\/serpmantics.com\/wp-content\/uploads\/2023\/08\/balise-semantique.jpg","width":640,"height":426,"caption":"balise s\u00e9mantique"},{"@type":"BreadcrumbList","@id":"https:\/\/serpmantics.com\/balise-semantique\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/serpmantics.com\/"},{"@type":"ListItem","position":2,"name":"Balises s\u00e9mantiques en HTML5 pour am\u00e9liorer votre SEO"}]},{"@type":"WebSite","@id":"https:\/\/serpmantics.com\/#website","url":"https:\/\/serpmantics.com\/","name":"SERPmantics","description":"L&#039;Optimisation S\u00e9mantique pouss\u00e9e pour passer 1er sur Google","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/serpmantics.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"cs"},{"@type":"Person","@id":"https:\/\/serpmantics.com\/#\/schema\/person\/1217e103a8962fd29fac88009bee8d96","name":"ranto","image":{"@type":"ImageObject","inLanguage":"cs","@id":"https:\/\/serpmantics.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/15495535b021c7560fc21fdd8da4f2fe673a4a5c455e8f7e941672e65d4ee1c3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/15495535b021c7560fc21fdd8da4f2fe673a4a5c455e8f7e941672e65d4ee1c3?s=96&d=mm&r=g","caption":"ranto"},"url":"#"}]}},"_links":{"self":[{"href":"https:\/\/serpmantics.com\/cs\/wp-json\/wp\/v2\/posts\/521","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/serpmantics.com\/cs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/serpmantics.com\/cs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/serpmantics.com\/cs\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/serpmantics.com\/cs\/wp-json\/wp\/v2\/comments?post=521"}],"version-history":[{"count":4,"href":"https:\/\/serpmantics.com\/cs\/wp-json\/wp\/v2\/posts\/521\/revisions"}],"predecessor-version":[{"id":3020,"href":"https:\/\/serpmantics.com\/cs\/wp-json\/wp\/v2\/posts\/521\/revisions\/3020"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/serpmantics.com\/cs\/wp-json\/wp\/v2\/media\/522"}],"wp:attachment":[{"href":"https:\/\/serpmantics.com\/cs\/wp-json\/wp\/v2\/media?parent=521"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/serpmantics.com\/cs\/wp-json\/wp\/v2\/categories?post=521"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/serpmantics.com\/cs\/wp-json\/wp\/v2\/tags?post=521"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}