HTML kódy – Základní meta tagy webu

HTML meta tagy do hlavičky

Meta tagy se vkládají do sekce <head> neboli do hlavičky našeho webu, pod sebe, mezi <head> a </head>. Předávají vyhledávačům / prohlížečům informace o klíčových slovech nebo použitém kódování, a mohou nám ovlivnit SEO optimalizaci webu. Běžná internetová stránka má v hlavičce kolem čtyř různých tagů <meta>.

Příklad hlavičky

<!DOCTYPE HTML>
<html>
<head>
      <meta ….“>
      <meta ….“>
      <link rel=“stylesheet“ href=“styly/muj-styl.css“ type=“text/css“>
</head>
<body>
… zde pokračuje kódový výpis vlastností a obsahu vašich stránek

Využíváte-li již přednastavené šablony, v editoru webové stránky můžete vložit meta tagy jednoduše do oblasti záhlaví.


Základní <meta>

<meta name="title" content="Název webu">
<meta name= "description" content="Stručný popis webu - např. Wýuka | Tvorba webu - asistence při tvorbě webu">
<meta name="keywords" content="klíčová slova našeho webu - např. web,tvorba webu,wýuka">
<meta name="author" content="Vaše jméno">
<meta http-equiv="Content-language" content="cs">
<meta http-equiv="content-type" content="pro češtinu např.: utf-8,windows-1250 nebo iso-8859-2">
<meta name="copyright" content="© 2020 Název mého webu">
<meta name="robots" content="noindex,follow">

Zápisy meta robotů říkají vyhledávačům (Seznam, Google, Bing), zda stránku mají zařazovat do svých indexů, a zda mají sledovat její odkazy. S naším použitým zápisem jsme jim sdělili, že stránku nemají indexovat, ale sledování odkazů jsme jim povolili. Pokud bychom to chtěli naopak, hodnota content by byla "index,nofollow" (nedoporučuji).

Můžeme přidat také meta tag googlebot pro Google. Příklad zakázání výpisu úryvku stránky a zákazu archivovat:
<meta name="googlebot" content="nosnippet,noarchive">

Chceme-li vylepšit zobrazování našeho webu na mobilních zařízeních, a nepoužíváme-li již přednastavenou responsivní šablonu, můžeme využít meta kódu
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

 

 

Tipy, triky, návody
Spread the love
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •