.: SEO optimalizácia internetovej stránky pomocou obrázkov

Internetový vyhľadávač Google je všemohúci internetový nástroj, ktorý má svoje “prsty” pomaly vo všetkých oblastiach internetu.

.: Internetový vyhľadávač Google dokáže zaindexovať

  • textový obsah na stránkach
  • obrázky
  • video
  • FLASH
  • rôzne typy externých súborov (dokumenty, prezentácie, PDF …)

Zo stránky Google support môžme zistiť všetky typy súborov, ktoré tento vyhľadávač  indexuje:

  • Adobe Flash (.swf)
  • Adobe Portable Document Format (.pdf)
  • Adobe PostScript (.ps)
  • Autodesk Design Web Format (.dwf)
  • Google Earth (.kml, .kmz)
  • GPS eXchange Format (.gpx)
  • Hancom Hanword (.hwp)
  • HTML (.htm, .html, other file extensions)
  • Microsoft Excel (.xls, .xlsx)
  • Microsoft PowerPoint (.ppt, .pptx)
  • Microsoft Word (.doc, .docx)
  • OpenOffice presentation (.odp)
  • OpenOffice spreadsheet (.ods)
  • OpenOffice text (.odt)
  • Rich Text Format (.rtf, .wri)
  • Scalable Vector Graphics (.svg)
  • Text (.txt, .text, other file extensions), including source code in common programming languages:
    • Basic source code (.bas)
    • C/C++ source code (.c, .cc, .cpp, .cxx, .h, .hpp)
    • C# source code (.cs)
    • Java source code (.java)
    • Perl source code (.pl)
    • Python source code (.py)
  • Wireless Markup Language (.wml, .wap)
  • XML (.xml)

.: SEO optimalizácia obrázkov

Kedže je tento článok určený pre využitie SEO optimalizácie internetových stránok pomocou obrázkov, tak sa teda poďme pozrieť k čomu nám môžu obrázky poslúžiť a ako ich môžeme optimalizovať.

Obrázky sú súčasťou internetovej stránky a vkladajú sa do kódu spolu so svojimi atribútmi. Tieto atribúty sú ideálne miesto do ktorého môžeme vkladať naše magické kľúčové slová. Dokonca si môžeme dovoliť do týchto atribútov vložiť aj “preklepové” slová a optimalizovať stránku aj na preklepy alebo gramatické hrubky.

.: Ako sa vkladajú obrázky do HTML kódu

Príklad:

<img src="seo-obrazok.gif" alt="Alternatívny popis obrázka SEO"/>

HTML kód obrázka má iba dva povinné atribúty a to SRC a ALT. SRC atribút označuje cestu k obrázku, ktorá môže byť relatívna alebo absolútna. ALT atribút je alternatívny textový popis obrázka, ktorý sa zobrazí v prípade, ak sa daný obrázok nemôže z akýchkoľvej príčin zobraziť. Napríklad niekto obrázok zmazal, prehliadač nezobrazuje obrázky a pod.

.: Ďalšie doporučené atribúty obrázka

  • title – zobrazí sa po pridržaní myši nad obrázkom
  • height – zadefinovanie výšky obrázka
  • width – zadefinovanie šírky obrázka
  • id – identifikácia obrázka. Musí byť jedinečná pre všetky DOM objekty na stránke
  • class – zaradenie obrázka do skupiny. Používa sa hlavne v CSS štylizácii.
  • style – štylizovanie obrázka priamo v HTML kóde.
  • ostatné nepoužívané alebo špeciálne atribúty

.: SEO tipy pre atribúty obrázka

  1. SRC
    – použite kľúčové slová v ceste k obrázku (napr. adresár)
    – použite kľúčové slová v názve obrázka
  2. ALT
    – zostavte alternatívny popis obrázka z kľúčových slov. POZOR použite vetné vyjadrenie (napr. Ilustračný obrázok SEO optimalizácie internetových stránok )
  3. TITLE
    – ako pri atribúte ALT. Umiestnite sem ďalšie dôležité kľúčové slová (napr. Optimalizovanie internetových stránok SEO)
  4. HEIGHT
    Tento atribút nemá priamy vplyv na SEO, ale je dôležitý z hľadiska indexácie obrázkov a takisto pri renderovaní internetovej stránky. Kedže sa obrázky načítavajú ako posledné, internetový prehliadač si dokáže pre tento element vyhradiť na stránke miesto pri postupnom zobrazovaní stránky.
  5. WIDTH
    – to isté ako atribút  HEIGHT
  6. id, class, style
    – žiadny vplyv z hľadiska SEO

.: Všeobecné SEO tipy pre obrázky

  1. používajte v obrázkoch kľúčové slová!
  2. používajte známe formáty obrázkov (jpeg, png, gif)
  3. používajte kompresiu obrázkov – rýchlejšie načítanie stránky
  4. povoľte indexáciu obrázkov v robots.txt
  5. vytvorte SITEMAP pre obrázky a pošlite ho cez Google Webmaster tools do vyhľadávača Google. Nezabudnite ho pravidelne aktualizovať!
  6. používajte iba obrázky, ktoré vystihujú situáciu. Sú relevantné k obsahu. Príklad nájdete na stránke AVILU – Internetový marketing
  7. používajte atraktívne obrázky z hľadiska vašej cieľovej skupiny

.: Reálny príklad z internetovej stránky o Internetovom marketingu

<img src="http://www.avilu.sk/images/internetovy-marketing-avilu-ecommerce-solutions.jpg" alt="Ilustračná fotografia - Internetový marketing - Avilu s.r.o. | e-commerce solutions" title="SEO optimalizácia internetových stránok" width="300px" height="358px" style="padding-right: 30px; float: left; width: 300px; height: 358px;"/>

Tento obrázok sa mesiac po zverejnení zobrazuje na kľúčové slovo “ilustracna fotografia internetovy marketingna prvom mieste medzi obrázkami (Obr. 1)a takisto na prvom mieste v klasickom textovom vyhľadávaní (Obr. 2).

Na kľúčové slovo “internetovy marketing” sa medzi výsledkami v obrázkoch (Obr. 3)nachádza v druhom rade na druhej pozícií.

Zobrazenie Google výsledkov na Internetový marketing

Google výsledky na keywords Ilustračný obrázok Internetový marketing


Google výsledky na kľúčové slovo Internetový marketing

Tento obsah bol zaradený v Google, SEO a označkovaný ako , , , . Zálohujte si trvalý odkaz.

3 odpovede na .: SEO optimalizácia internetovej stránky pomocou obrázkov

  1. Fatal error: Uncaught Error: Call to undefined function mysql_query() in /data/web/virtuals/41616/virtual/www/subdom/blog/wp-content/plugins/comment-rating/comment-rating.php:219 Stack trace: #0 /data/web/virtuals/41616/virtual/www/subdom/blog/wp-content/plugins/comment-rating/comment-rating.php(457): ckrating_get_rating('13') #1 /data/web/virtuals/41616/virtual/www/subdom/blog/wp-includes/plugin.php(213): ckrating_comment_class(Array, '', NULL, Object(stdClass)) #2 /data/web/virtuals/41616/virtual/www/subdom/blog/wp-includes/comment-template.php(483): apply_filters('comment_class', Array, '', NULL, Object(stdClass), NULL) #3 /data/web/virtuals/41616/virtual/www/subdom/blog/wp-includes/comment-template.php(396): get_comment_class('', NULL, NULL) #4 /data/web/virtuals/41616/virtual/www/subdom/blog/wp-content/themes/twentyten/functions.php(326): comment_class() #5 /data/web/virtuals/41616/virtual/www/subdom/blog/wp-includes/comment-template.php(1810): twentyten_comment(Object(stdClass), Array, 1) #6 /data/web/virtuals/41616 in /data/web/virtuals/41616/virtual/www/subdom/blog/wp-content/plugins/comment-rating/comment-rating.php on line 219