Címke: html

HTML tagek

Képek helyes használata

Képek helyes használata

A képek beillesztése keresőoptimalizálási szempontból helyes módon.

<img src="/images/products/casmio/snowwhite.jpg" width="200" height="200" 
alt="Casmio SnowWhite watch back picture" 
title="Casmio SnowWhite watches" class="product-pics" />

src – a kép forrása. Célszerű a képeket megfelelően struktúrálni. Esetünkben az images könyvtáron belül egy products könyvtárba rendeztük a termék képeket, azon belül a casio termékeket külön. Tehát elolvasva a kép helyzetét is kapunk információt, megsejthetjük, hogy ez a snowwite.jpg egy casio termék képe. Akadálymentességi szempontból is nagyon hasznos a megadás, a weboladalunk szerkesztése során is megkönnyítjük a dolgunk.

width, height – kép helyfoglalási információja a böngészőnek. Ennek a megadásával meggyorsíthatjuk a weboldalunk renderelését, ezzel gyorsabbá, felhasználó barátabbá tehetjük az oldalunk.

feature-latogatok-1alt – alternatív leírás. Alapvetően arra lett kitalálva, hogy a képeket nem megjelenítő böngészők, így ezen felhasználók számára is jutassunk információt arról, milyen képről van szó. Esetünkben jelezzük, hogy ez egy kép Casmio SnowWhite típusú óra hátsó részéről készített felvétel.

title – kép megnevezése. Itt egy elnevezést adunk meg a képhez, amit egyébként a képre vezetett egér hatására a felhasználónak megjelenít a böngésző. Esetünkben megmondjuk, hogy ez milyen típusú óra.

class – css formázási osztály. A megjelenítés és a működés szétválsztásának egy mára elterjedt megoldása a css formázás. Nagy gyakorlati haszna, hogy például esetünkben a teljes weboldalra érvényes termék képek formázását csak egy helyen, egyszer kell megadnunk, így jelentős fölösleges ismétlést spórolhatunk meg és nem utolsó sorban a későbbi módosítás jelentősen leegyszerűsödik egy jól struktúrált központi css formázással.

Fontos a helyes kép kezelés keresőoptimalizálási szempontból?

Nagyon fontos és pozitív hatása van a képek helyes megadásának a keresőoptimalizálában is.

Egyrészt a felhasználó elégedettséget növelhetjük, gyorsabb weboldalunk lehet, több információt adunk a felhasználónak.

Másrészt a helyesen struktúrált képeinket a kereső motorok kép kiszolgáló és felderítő robotjai szívesebben fognak megjeleníteni. Ezen úton is további látogatókat nyerhetünk.

Végezetül nyitunk azon látogatók felé is, akik képeket nem töltenek le, mert ilyen a böngészűjük, vagy épp a mobil böngészőjükben tiltva van a képek letöltése a mobile internet forgalmi korlátai miatt.

 

 

SEO blog

Keresőoptimalizálási tippek

Keresőoptimalizálási tippek

keresooptimalizalas-SEOPár egyszerű keresőoptimalizálási tipp, a weboldal optimalizáláshoz, jó helyezés eléréséhez:

  • Amennyiben helyi érdekeltségű a vállalkozás, üzlet, akkor célszerű ilyen helyi üzleteket megjelenítő, támogató oldalakon szerepelni. Ez akkor is sokat segíthet, ha egyébként a weboldalon nem sok keresőoptimalizálást végeztünk el. Ilyen lehetőség a Google Local Business megoldása. A Bing és a Google is nagyon kedveli az ilyen megjelenést. A Google oldala: Google Places for Business
  • Frame, Flash, Javascript használata. Bár egyre jobban képesek a kereső motorok a frame, flash és javascript oldalak feltérképezését megoldani, de ezek elhagyásával, vagy alternatív feltérképezési módok megadásával segíthetjük oldalunk megismerését, és megerősíthetjük, növelhetjük a keresési találatok közötti helyezését. Segíthetjük a csak ilyen módszerekkel elérhető oldalak indexálást oldaltérkép használatával. Arra azonban figyeljünk, ha csak az oldaltérképről érhető el egy oldal, azt veheti a kereső rejtett, vagy csak az ő részére készített oldalnak is.
  • Nagy dinamikus oldalak készítése. Az ilyen nagy, sokszor az URL-ben speciális karaktereket alkalmazó linkekből álló weboldalak feltérképezése hosszú folyamat lehet. Bizonyos esetekben a hirtelen nagy számú “új” oldal beküldését a kereső “támadásnak” foghatja fel és emiatt lassabban térképezheti fel, vagy esetleg figyelmen kívül is hagyhatja.

Keresőoptimalizálási figyelmeztetés

Általánosságnak tűnhet a leírás, de nagyon fontos, mikor keresőoptimalizálunk egy oldalt és egy egyébként is nagy dinamikus weboldalhoz további keresőoptimalizált linkeket kívánunk készíteni, akkor véletlenül tartalom duplikációt és kereső támadást is végrehajthatunk, ha rossz seo megoldást választunk.

 

HTML tagek

Anchor Text – megnevezés

Anchor Text – megnevezés

Az “anchor text”, megnevezés szintén egy olyan követelmény, ami része a szabványnak megfelelő HTML kód készítésének.

Az anchor text egy megnevezés, egy leírás, egy szöveges rövid bemutatása a képeknek és a linkeknek. A képek esetén a kötelezően megadandó (lehetőleg egyedi) alt paraméter, míg linkek esetében a title paramétert értjük. Ezek beállítása is több estben hiányzik, hiányos, más esetekben viszont nem releváns a tartalma és ezért nem értékes.

Keresőoptimalizálási szempontból megoszlik a vélemény, hogy ennek mekkora a jelentősége. Többen azt állítják, hogy ezek kitöltése nem fontos a keresők számára, ugyanis maguk határozhatják meg azt, hogy a linkek hová mutassanak, de persze a képek esetében még nincs ilyen egyszerű dolga a kereső motornak. Másrészt ennek a kitöltése fontos az oldal kódjának a szabványos állapotához, amit többen fontosnak tartanak. Így talán abban maradhatunk, hogy jobban szeretjük, ha egy weboldal kódja szabványos. Ennek része, hogy ezek a paraméterek is ki legyenek és lehetőleg pontosan töltve. Kárt pedig elméletileg nem okozhatunk vele.

Kulcsszó többszörözés

Itt érkeztünk el az utolsó gondolatsorhoz, újra a black hat egy technikához, amit bár nem tilt a google, de annyira nem is nagyon kedvel. Egy bizonyos szint után viszont tilt, és büntet is. Gyakorlatilag, mikor ezeket a felhasználó által láthatatlan paramétereket feltöltjük az oldalunkhoz áhított kulcsszavakkal. Ezzel jelentősen ronthatjuk a link, kép megbízhatóságát. Emiatt nem támogatott, vagy tiltott módszer.

Link gyűjtemény, backlink

Végezetük a backlink-ekről, a visszamutató linkekről. Sajnos nem csak mi helyezhetünk el a weboldalunkra mutató linket, hanem mások is megtehetik, hogy az oldalunkat a tudtunkon kívül linkelik. Ez természetesen az esetek jelentős részében jó nekünk, hogy ha valaki más “ajánlja” a weboldalunk az pont az az eljárás, amit a link építő vállalkozások végeznek el pénzért nekünk (AdWords vs. Generic Results), természetes módon az előzőt jobban értékelve.

Ami miatt ez bekerült ebbe a bejegyzésbe, hogy sajnos a külföldön alkalmazott eljárást, már a magyar weboldalak esetében is alkalmazták, miszerint rosszindulatú linket helyeznek el a weboldalunkra. A rosszindulatú forrása lehet:

  • a linkek magas száma (amit a google tiltani fog),
  • helytelen, rossz kulcsszóval linkelés,
  • egyéb károkozásra irányuló link

 

Home Carousel, HTML tagek

Headings – h1-h6 tagok – címsor

Headings – h1-h6 – címsor

Az úgynevezett “headings” talán magyarul a címsor kifejezést takarja a HTML nyelvben. A weboldalunkon ezeket a címsor tag-eket kell használnunk és megfelelő tartalommal feltölteni.

Az elvárás a címsor kitöltésével szemben, hogy a h1 és h2 csak egyszer szerepeljen az oldalunkon. A h3-h6 már többször is szerepelhet. Nagyjából úgy, mint egy könyvben, ahol a h1 a könyv címe, a h2 a könyv alcíme, szerzője. A H3 a fejezet címekhez hasonlatosan használható. A h4 ebben az elgondolásban az alcíme a fejezetnek, a h5 egy nagyobb bekezdés címe, míg a h6 a bekezdésen belüli tartalomhoz tartozó rövid cím.

A feltételezések szerint a kereső is nagy figyelmet fordít most ezen tagok megfelelő használatára és tartalmukra. Mióta a meta tagek közül a kulcsszavakat nem veszik figyelembe, mert önmaga állapítja meg az oldalhoz tartozó “kulcsszavakat” a tartalomból, ezen bejegyzések, ahogy az eredeti funkciójuk meg is lett határozva fontosabbak lett SEO szempontból is.