A weboldal készítése során és az ügyfél képzése után gondoskodunk arról, hogy az összes kép méretben, minden eszközre és nem utolsó sorban a keresőkre is optimalizálva legyen. Sajnos az oldal elindítása és a képzés után találkozunk azzal, hogy ügyfeleink nem törődnek vele alapvető képoptimalizálás, nem csökkentik, nem vágják (nem alkalmazkodnak más tartalomhoz), nem nevezik meg helyesen stb.

A keresőmotorok optimalizálása nem lehet egyszeri ügy. Szövegek frissítésekor, új cikkek vagy termékek hozzáadásakor nem szabad megfeledkeznünk a képek optimalizálásáról, mert A Google-keresések legfeljebb 1/3-a képeken keresztül történik. (Moz.com, 2017)

Ezért kínálunk Önnek egy összefoglalót arról, mire kell figyelnie, hogy az oldalon lévő képek helyesen legyenek leadva, és ezáltal jobban megjelenjenek a keresési eredmények között.

Készítsen és használjon saját képeket

képeket
A kép mutat egy példát arra, hogy a weboldalon használt képek ne nézzenek ki (1. kép - rossz kompozíció, céltalan, gyenge megvilágítás, portré), és hogy nézzenek ki a képek (2. kép éles, világos, az összetétel megfelelőségének alapelvei és kellő felbontásban).

Nemcsak a weboldalon található szövegeknek, hanem a képeknek is eredetieknek és egyedieknek kell lenniük. Hiteles fotók legyenek kellő minőségben, azaz éles, fényes, betartja a kompozíció alapelveit és kellő felbontásban. Az ilyen fotók nőnek hitelesség telephelyet és magát a vállalatot. A Google találhat hasonló (vagy azonos) képeket, és összehasonlításképpen tudja, hogy mely képek duplikátumok vagy fotóbankból vásárolt képek. Ha nem biztos a fényképezés terén, ne vásároljon fotókat a stock fotóból. Kapcsolatba lépni profi fotós és igénybe veszi a szolgáltatásait.

Állítsa be a képek méretét és méretét a kijelzőn

Az oldal betöltési sebessége nemcsak a SEO optimalizálása szempontjából fontos, hanem a felhasználó számára is. 3 másodpercen belül be kell vennie, különben elhagyja a webhelyet. Senki sem hajlandó sokáig várni egy oldal betöltésére. És a képek nagy felbontása és hatalmas mérete lelassítja a weboldalak betöltését.

A termékek, cikkek és fotógalériák optimális képmérete változó:

  • termék képek - 600-900 px (többnyire négyzet formátumokat használunk)
  • csúszka/háttérképek - 1920 x széles
  • cikkek képei (szemléltető és tájékoztató jellegű) - 600–900 px az illusztrációkhoz, nagyobb felbontás a magyarázó/kiegészítő tartalomhoz
  • képek fotógaléria - 900-1200 px szélességű

A munka- és képzési kliensek rendszerbe történő feltöltésekor figyelmeztetjük ügyfeleinket, hogy a képek milyen pontos méretét kell használniuk. A 400 x 400 képpontos képek soha nem lesznek kiváló minőségűek.

A képméretek kivágása mellett a képtömörítéssel néhány kb megtakarítás érhető el. A képek minőségének csökkentésével (úgy, hogy a szem számára ne legyen könnyen felismerhető) körülbelül 30% -ot takaríthat meg.

Ideális esetben legfeljebb 100 kb méretű termék- és cikkképekkel rendelkeznek. A galéria fotói legfeljebb 150 kb, a csúszkákban és a háttérben pedig legfeljebb 300 kb méretűek lehetnek. A méretek csak tájékoztató jellegűek, nem mindig érhető el az optimális méret. Hogy függ a felbontástól, a színek számától és a részletektől a képen. A közvetlen arány itt érvényes, minél nagyobb a felbontás/a képek/színek/részletek száma, annál nagyobb az adatmennyiség.

Képeket kivághat pl. a 3D-s vázlatfüzetben vagy a Photoshopban:
A 3D-s vázlatfüzetben nyissa meg a képet, kattintson a Vágás (1) elemre, válassza ki a kívánt méretet (2), és hagyja jóvá. Most már csak a képet kell elmentenie.

Megnyitja a vágni kívánt képet a Photoshop alkalmazásban. Kattintson a levágás eszközre (1). A bal felső sarokban (2) adja meg a kép kívánt méretét (szélesség x magasság) px (angol nyelv) vagy ob (cseh nyelv) formátumban. Kattintson a képre a vágás megerősítéséhez (3). Ezután elmenti a képet.

Az online eszközök egyikével tömörítheti a képeket egy .png fájlban, pl. ha a PNG tömörítése.

A képeket a következő fájlokban/formátumokban tároljuk:

  • .jpg - Számítógépes képek fotorealisztikus minőségben, veszteséges tömörítéssel történő tárolására szolgál. Ezt a formátumot használják leginkább a weboldalakon.
  • .png - raszteres grafika veszteségmentes tömörítéssel. Gyakran használják, ha átlátszó háttérre (pl. Logó) van szükség. Ha háttérképet szeretne, vágnia kell. Csak a kép .png fájlként történő mentésével a háttér nem fog elveszni.
  • .gif - Egyszerű grafika és animált képek
  • .apng - PNG formátum kibővítve animáció készítésének lehetőségével.
  • .svg - elsősorban kétdimenziós, statikus vagy animált vektorgrafikák leírására szolgál a minőség megőrzése mellett.
  • .tiff - nyomtatásra szánt raszteres grafikák tárolására.

Ne felejtse el helyesen megnevezni a képfájlt

A keresőmotor robotjai nyomon követik relevancia, hogy a felhasznált képek neve tematikusan kapcsolódik-e annak az oldalnak a tartalmához, amelyen találhatók.

A Google azon dolgozik, hogy magából a képből le tudja olvasni, mi látható rajta, de egyelőre a kép tartalmának azonosítása a képfájl nevét szolgálja. Tartalmaznia kell a kulcsszót.

Nem kell túlzásba vinni kulcsszavakkal. A Google egy weboldalt spamként jelölhet meg, és megbüntetheti azt. (Javasoljuk, hogy a kulcsszavakat az egész webhelyén mértékkel és a lehető legtermészetesebben használja.)

Ideális esetben minden képnek egyedi névvel kell rendelkeznie.

A képet meg kell nevezni diakritikusok nélkül (puha és hosszú), és szóközök helyett használjon kötőjeleket. A Google a kötőjeleket szóközként olvassa.

Lásd a képek helyes elnevezésének példáit.
A kép első címétől kezdve a böngésző nem tudja elolvasni, mi van rajta. A másodiktól kezdve teljesen egyértelmű, hogy ez egy Accenc vállalati áruház Trencsénben.
Az első kép címe angol nyelvű felhasználók számára optimalizált, ill. az angol kifejezéseket kereső felhasználók számára. A második kép a szlovák kereséshez igazodik.

Alternatív felirat (alt szöveg)

Az Alt szöveg információt nyújt a keresőmotoroknak, például a Google-nak arról, hogy mi található a képen. Ez a szöveg akkor jelenik meg, ha valamilyen oknál fogva nem lehet betölteni a képet a weboldalra. Ugyanakkor segíti az olvasót használó fogyatékkal élőket, és kép helyett ezt a szöveget olvassa fel.

Az alt szövegnek meg kell egyeznie a kép nevével, vagyis a képen látható adatoknak megfelelően.

Alt szöveg kóddal írva

Alt szöveg WordPress-ben írva

Képek felvétele az indexelésbe

Ha a képek egy weboldal fontos részét képezik, javasoljuk, hogy vegye fel őket a weboldalra helytérképek. Ezáltal termékeink nagyobb valószínűséggel jelennek meg a keresési eredmények között. Az ügyfeleknek szokásuk bizonyos termékeket keresni, és a képek alapján átkattintanak az e-boltba. A felhasználók akár 72% -a keresgélhet képeken vásárlás előtt (NeilPatel.com)

Ha egy tartalomkezelő rendszert használ egy webhely létrehozásához (például mi a Marketing Art, Worpdress, a Marketing Art, Worpdress), akkor ez a rendszer automatikusan képeket ad a webhelytérképhez. Ha egyedi weboldalt kódol, akkor kövesse a Google utasításait.

A képek optimalizálásakor és weboldalakba történő beágyazásakor fordítson különös figyelmet a következőkre:

  • minőség (élesség, fényerő, kompozíció, felbontás), valamint hiteles fotók és képek használata,
  • a képfájl méretei, mérete, típusa felhasználásuk szerint,
  • megfelelő képnevezés
  • alt szöveg hozzáadása a képekhez
  • képek hozzáadása a webhelytérképhez

Lépjen kapcsolatba velünk

Nincs ideje követni a legújabb SEO trendeket? Szeretne megbízni valakit az oldal frissítésében és új tartalom hozzáadásában? Örömmel segítünk Önnek a webhelyen vagy az e-boltban.

Mgr. Kristína Šimurková

Gondoskodom arról, hogy az új weboldalt a megállapodás szerinti mértékben, a szükséges funkcionalitással és a felhasználóbarát módon átadjuk az ügyfélnek. Természetesen webhelyünket minden eszközre és a keresőmotorok optimalizálására optimalizáltuk. cikkei Mgr. Kristína Šimurková →