Logo web sajta u SEO maniru

Poznato je da tekstualno link ima veću SEO vrednost nego link kao slika. Prenošenje anchor teksta je zaista jače od prenošenja title ili alt atributa koji se dodeljuju slikama.

Elem, imamo jedan standardan html kod za prikaz logo sličice nekog sajta

<div id="logo">
<a href="https://mojphp.wordpress.com">
<img src="logo.png" alt="Moj Php" />
</a>
</div>

Problem ovakovog html-a sa SEO aspekta je praktično eliminisan primenom narednog rešenja. Naime, malo se igramo stilizacije kroz .css fajl.

Prvo da odradimo html deo posla.


<div id="logo"><a href="https://mojphp.wordpress.com">Moj PHP</a></div>

A potom ovaj html stilizujemo kroz .css fajl


.logo a {

 background-image: ('link-to-your-logo-image.jpg');
 background-repeat: no-repeat;
 width: 200px; //* namesti se stvarna širina *//
 height: 200px; //* namesti se stvarna visina *//
 text-indent: -9999px;
 display: block;
 }

Razlika je očigledna. U drugom slučaju imamo html kod sa tekstualnim linkom koji prenosi vrednost anchor teksta što je vrlo bitno sa SEO tačke gledišta.

Advertisements

Ostavite odgovor

Popunite detalje ispod ili pritisnite na ikonicu da biste se prijavili:

WordPress.com logo

Komentarišet koristeći svoj WordPress.com nalog. Odjavite se / Promeni )

Slika na Tviteru

Komentarišet koristeći svoj Twitter nalog. Odjavite se / Promeni )

Fejsbukova fotografija

Komentarišet koristeći svoj Facebook nalog. Odjavite se / Promeni )

Google+ photo

Komentarišet koristeći svoj Google+ nalog. Odjavite se / Promeni )

Povezivanje sa %s