HTML tagek kategória bejegyzései

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.

 

 

HTML tagek

h1 seo a heading html tagek

h1 seo a heading html tagek

Az egyik legjobb keresőoptimalizálási eredményeket a heading html tagek helyes használatával érhetünk el, ahogy erről már szó volt a korábbi címsor elemekről szóló értekezésünkben.

Csak ismételném és megerősíteném ezen html tagek szerepét és fontosságát. Nagyon erős a pozitív seo hatása az ezen elemekben lévő kulcsszavaknak, igaz helytelen, spam szerű (például kulcsszó halmozásra való használatuk) erősen ellenjavallt.

Mit is jelent a h1 seo helyes használata?

A h1 heading tag fontossága akkor jelenik meg, ha a felhasználó már az oldalunkra érkezik, bár bizonyos esetekben megfigyelhető, hogy a kereső, mikor az általunk megadott weboldal címet felülbírálja, akkor használja h1 html taget. Ebből készíti el az oldalunkra jellemző címet.

Hogyan használjuk a heading elemeket, hogy pozitív seo hatást érjünk el? Egyszerűen a h1 elemet helyesen, az oldal pár szavas, egy mondatos leírására használjuk. Egy olyan kifejező címet alkossunk, amely minél jobban megadja az adott oldal tartalmát, kifejezi, összesíti az ott található leírást, terméket, akár végkövetkeztetést is levonhat a látogató számára.

Több tanulmány, vizsgálat is foglalkozott már a heading elemek fontosságával. Meg lehetett figyelni, hogy a látogatók fokozottan figyelembe veszik annak a tartalmát. Itt kell azonban megjegyeznünk a weboldal akadálymentességhez kapcsolódóan, hogy amennyiben hirdetésszerűen, kulcsszók halmozásával egy értelmetlen, nem az oldal témájába vágó h1 címet adunk meg, akkor a felhasználó, látogató nem fogja elolvasni az oldalt, hanem ennek a hatására elhagyhatja az oldalunkat, hogy a további keresési találatok között keressen megfelelőbbet.

Talán nem kellene újra jelezne, hogy a fenti reakció hatása az oldalunkon eltöltött időre és meglátogatott oldalak számára is jelentős negatív hatással lesz.

Hasznájuk helyesen a cím elemeket és a h1 seo megerősít

Mindenképp a látogató részére hasznos , figyelemfelkeltő címet válasszunk, ne a kereső robotnak készítsük ezeket az elemeket. Jelentős javulást érhetünk el jó cím megadásával.

 

HTML tagek, SEO blog

Duplikáció : cím, title duplikáció

Duplikáció : cím, title duplikáció

Már tudjuk, hogy az oldal címének, a Title Meta Tag-nek milyen fontos szerepe van az oldalunk seo besorolásában. Ezért a keresőoptimalizálás során ezt a mezőt is megfelelően, jellemzően ki kell töltenünk, nagyon fontos lesz a keresési találatoknál, hogy a felhasználó minket válasszon.

Cím hatása a keresőoptimalizálásra

Bár a cím megadása és annak pontossága, jó választása rengeteg pozitív hatással jár, az elhagyása, és a duplikáció nem jár ilyen szintű negatív hatással. A főként pozitív keresőoptimalizálási tulajdonsága, hatása mellett meg kell említenünk, ha hibásan használjuk a title tag-et. Az egyik hiba, hogy ha nem illeszkedik jól az oldalunk tartalmához. Ennek seo hatása annyi lesz, hogy az oldalunk nem éri el a kellő pozíciót, bizonyos esetekben a kereső ad neki egy másik címet az oldalon szereplő helyett, hogy erről már értekeztünk a Title tag bemutatása részben.

Gyakoribb hiba, főként php-s generált oldalak esetén, hogy a címsort is generáljuk, így többször megeshet, hogy azonos lesz az oldal title-je. Ez gyakran megesik, ha többféle útvonalon érjük el ugyanazt a terméket. Természetesen ezen kívül is megeshet, hogy több oldalnak is ugyanazt a címet választjuk. Ennek kiszűrésére is jól használhatóak a webmaster tools  eszközök, szinte kivétel nélkül tartalmazzák figyelmeztető szolgáltatásként a cím duplikációra való figyelmeztetést.

Hogyan szüntessük meg a cím duplikációt?

Oldalanként egyedi title tag, cím megadásával. Amennyiben ugyanazon oldal több útvonalon keresztül elérhető, és ezért van duplikációnk, akkor a canonical url megadásával jelezhetjük a probléma okát a keresőknek.

 

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.