SEO obrázky
Pomocí tohoto řešení dosáhneme toho efektu, že se obrázek zobrazí klasicky a kvůli SEO pod něj vložíme jeho ekvivalent v textové podobě. Toto řešení zajistí, že je text viditelný i tehdy, když máme vypnuté obrázky, nelze ho ale použít u průhledných obrázků, jak ukazuje druhý obrázek v příkladu.
Zde si můžete prohlédnout výsledek.
Toto řešení publikoval Dave Shea. Bližší popis najdete v článku Revised Image Replacement.
CSS
.obrazek
{
float: left;
margin: 10px;
}
h3
{
margin: 0;
padding: 0;
}
.obrazek .logo
{
width: 240px;
height: 30px;
position: relative;
border: solid #ddd 1px;
}
.obrazek .logo span
{
background: url(60-1.gif) no-repeat;
position: absolute;
width: 100%;
height: 100%;
}
.pruhledny .logo span
{
background: url(60-2.gif) no-repeat;
}
XHTML
<html>
<body>
<div class=“obrazek“>
SEO obrázek
<h3 class=“logo“>
<span></span>Knihovna CSS
</h3>
</div>
<div class=“obrazek pruhledny“>
Průhledný SEO obrázek
<h3 class=“logo“>
<span></span>Knihovna CSS
</h3>
</div>
</body>
</html>
Mohlo by vás také zajímat
-
Dostali jste k vánocům PC? Využijte jeho AI potenciál!
3. ledna 2025 -
Nenechte se zaskočit TLS certifikáty na 47 dní
2. května 2025 -
Co je to TTL a proč na něm záleží?
25. března 2025 -
Souboj na trhu s CPU pro servery: AMD vs. Intel
8. prosince 2023
Nejnovější
-
INNOCN monitory: špičková kvalita za zlomek ceny
5. června 2025 -
20 let Ubuntu: Cesta od revoluce k digitální každodennosti
30. května 2025 -
Google Chrome nyní mění kompromitovaná hesla – jak to funguje?
28. května 2025 -
Google spouští AI Přehledy ve vyhledávání v Česku
23. května 2025
Individual Bike | Web gallery | Beautiful websites | Webium.eu
Lis 18, 2009 v 22:21[…] Bicykle na mieru”. Dobré riešenie na umiestnenie textu pod obrázok môžeme nájsť na interval.cz. Na druhej strane sú zbytočné alternatívne texty pri obrázkoch, ktoré nemajú žiadnu […]