Hogyan lehet növelni a webhely állandóságának idejét a SEO pozicionálásának javítása érdekében
[SEO kezdőknek] A 7 kulcsfontosságú ötlet, amelyet ismernie kell a webhelye elhelyezéséhez

GOOGLE SZAKÉRTŐ?

internethez

Várólista

Mindannyian szeretjük a képeket.

És ez az, hogy nagyon hasznos elem a márkanév erősítésében, a nagyobb szakmaiság közvetítésében, a felhasználó figyelmének lekötésében, az interneten töltött idő javításában stb.

Mindezen előnyök mögött azonban sok vállalat hibázik: ne optimalizálja a képeket feltöltéskor.

A priori lehet, hogy ez nem tűnik valami nagyon "komolynak" az Ön számára, de ha elhagyja, akkor lehetséges, hogy a webhelye évekbe telik, vagy akár a szervere is telítetté válik. Már látja annak fontosságát?

Tehát ne hagyja ki ezt a bejegyzést, mert elmagyarázzuk minden, amit tudnod kell a weboldalad képeinek lépésről lépésre történő optimalizálásához, és milyen eszközöket használhatsz.

A cikk tartalma index:

Miért olyan fontos a weboldalon lévő képek optimalizálása

Képzelje el egy pillanatra, hogy egy hatodik emeleten lakik, ahol nincs lift, és Önnek kell viselnie a vásárlást. Mi lesz könnyebb neked, tölts fel egyetlen táskát, vagy tölts fel egyszerre ötöt?

A válasz nyilvánvaló.

Nos, ugyanez történik a webhelyével is.

A képek optimalizálás nélküli feltöltése olyan, mintha az oldalának sok nehéz táskával megrakott lépcsőn kellene felmásznia.

A képlet egyszerű: kevesebb súly, gyorsabb.

Ennek pedig számos előnye is van:

Mivel Ön talán túlzásnak gondolja, javasoljuk, hogy nézze meg ezt a videót, amelyet a Google készített, hogy bemutassa a lassú betöltési sebesség következményeit a mobil verziókban. 😉

Képzelje el magát a mobiljával abban az üzletben, amely nem töltődött be, valóban úgy gondolja, hogy ennyit várt volna egy másik webhelyre?

Hogyan optimalizálhatjuk a weboldal képeit lépésről lépésre

Most, hogy biztos benne, hogy tisztában van a képek tömörítésének és beállításának fontosságával, itt az ideje megismerni, hogyan kell ezt csinálni.

1. Milyen képformátumot használjon

Az egyik olyan kérdés, amelyet az ügyfelek feltesznek nekünk a legjobban, amikor megtervezzük a weboldalukat, az az, hogy milyen formátumban kell a képeket leadniuk. Ez a 2 lehetőség:

  1. PNG: jobb minőséget kínál és átlátszó háttéreket tesz lehetővé, de többet nyom. Ez a legjobb választás képernyőképekhez, sok fehér színű képekhez vagy logóhoz.
  2. JPEG: jobban játszhatunk, ha csökkentjük a méretet, és súlya kisebb, mint egy PNG, azonban a minőség gyengébb lesz. Jobb JPEG-t használni nagyon nagy képekhez, sok színnel vagy elemmel, mivel a PNG-ben ezek a képek sokkal többet fognak súlyozni.

Ezzel tisztázva beszéljünk a pixelekről. 😉

2. Mérések

Itt meg kell különböztetni a webhely statikus oldalain használandó képeket (azokat, amelyek nem változnak normálisan), és a bejegyzések között. A statikus oldalak esetében a webdesigner fogja optimalizálni őket, másrészt a cikkeidben a szerkesztő vagy a vállalat tartalmáért felelős személy, akinek ezeket optimalizálnia kell.

Biztosan ismeri a következő kifejezést: "ami legyeket lövöldöz ágyúval".

Nos, valami ilyesmi történik a képek mérésével. A bejegyzéseid kiemelt képeit, vagy azokat, amelyeket a szövegben írsz be, előre meghatározott méretben jelenít meg a sablon, amelyet a tervező a web létrehozásakor használt. Így, ha a képet mondjuk 800 pixel méretben akarják megtekinteni; nincs értelme feltölteni egy 6000 pixeles képet.

Abban az esetben, ha nem tudja a bejegyzések szélességét (általában a teljes szélességet elfoglaló képeket helyeznek el), próbálja meg feltölteni egy 850 pixeles képet. A szokásos szélesség, amelyet általában kezelnek, ez az ábra ingadozik.

3. A híres "súly" vagy minőség

Minden fájlnak, amelyet számítógépen kezel, "súlya" van, amely arra utal, hogy mennyit foglalnak el kilobájtban, megabájtban stb. Amikor az előző lépésben módosítottuk a mérést, akkor azt tettük, hogy az optimális méretet feltöltsük az internetre, mivel a nagyobb kép többet nyom.

Akkor mekkora a kép ideális súlya?

Az ideális súly mindig a lehető legalacsonyabb lesz, mindaddig, amíg a képminőség nem szenved túlzott károkat.

Vessen egy pillantást a következő példákra.

Mint látható, elég rosszul néz ki. Annyi időt töltöttünk a kiigazítással, hogy a minőség nagyon szenvedett. Lássunk most egy másik esetet egy kicsit jobb minőségben.

Egészen jobban néz ki, mint a másik, de a minőség még mindig nem elég.

És most igen, nézze meg, hogyan néz ki ez tökéletesen.

Mennyit nyom ez a kép?

Ezt azonban nem veheti fix referenciaként, mivel ez a kép színeitől és részletességétől függ. Ebben az esetben azáltal, hogy sok a szürke, jobban csökkenteni tudtuk a súlyt.

Ideális esetben a képek körülbelül 100 kilobájt méretűek legyenek, anélkül, hogy ha lehetséges, meghaladja a 150 kilobájtot (kivéve néhány különleges kivételt).

Eszközök a weboldal képeinek beállításához és tömörítéséhez

Most már tudod, mit kell tenned, de hiányzik a hogyan vagy mivel. Nézzük meg a használható eszközöket.

1. Vágáshoz vagy átméretezéshez

Ehhez számos eszköz létezik, ezért a legismertebbek közül négyet ismertetünk:

  1. Photoshop: Az Adobe programja a legjobb szoftver a képek retusálásához. Ha tudod használni (és megvan), akkor nincs több mondanivaló.
  2. Photopea: az egyik legismertebb ingyenes alternatívája a Photoshopnak, és amely lehetővé teszi a PSD fájlok megnyitását (a Photoshopból). Itt láthatja.
  3. Csökkentse a fotókat: ingyenes online eszköz a képek egyszerű csökkentésére vagy kivágására. Ha nem PSD fájlokkal dolgozik, akkor ezekhez a funkciókhoz hatékony és gyors. Itt kattintson ide.
  4. WordPress: Ha már feltöltötte a képet, és bármilyen okból hibát követett el, akkor a "szerkesztés" opcióval csökkentheti vagy kivághatja. Probléma, hogy amit a WordPress csinál, az létrehoz egy példányt, így ezzel új képet fog létrehozni. Ne felejtse el törölni az elsőt.

Mint látható, ez nem túl nehéz.

2. Tömörítés anélkül, hogy sok minőséget veszítene

Más szavakkal, miután beállította a méretet a megfelelő méréshez, a kép még mindig sokat mérhet. Hogyan lehet csökkenteni a súlyt anélkül, hogy sok minőséget vesztenénk? A 3 eszköz bármelyikével.

  1. Web Resizer: Noha kissé elavult a kezelőfelülete, ez az ingyenes online eszköz lehetővé teszi számunkra a vágást, az elforgatást és a méret és a minőség beállítását, egyben. Gyere ide megnézni.
  2. TinyPNG: a képek pandája. Akár 20 képet is feltölthet egyszerre (nagy erénye), és ez kevesebbet nyom. Ne tévesszen meg a név, a JPEG képeket is tömöríti. Kattintson ide a megtekintéséhez.
  3. Compressor.io: Támogatja a JPEG, a PNG, a GIF és az SVG fájlokat, kétféle tömörítés közül választhat, és lehetővé teszi, hogy közvetlenül letöltse a Drive-ra és a Dropbox-ra. Kattintson a belépéshez.

Gondolod, hogy készen vagyunk?

Ami a kép optimalizálását illeti, mielőtt feltöltené a WordPress-be, igen. De még mindig tehetünk egy kicsit többet.

3. Bővítmények a képek optimalizálásához

A Tu Posicionamiento Web-ben szakértők vagyunk a WordPress tervezésében és pozicionálásában (úgy gondoljuk, hogy ez minden szempontból a legjobb CMS), ezért arra összpontosítunk, hogy specifikus bővítményeket javasoljunk hozzá. És biztos lehet benne, hogy mind szabadok. 😉

  • WPSmush: feltölti a képet, és a plugin felelős önmagában történő optimalizálásáért. Nem kell mást tennie. Ez a plugin oldal.
  • EWWW Image Optimizer: egy másik, az előzőhöz hasonló ingyenes plugin, amely lehetővé teszi a képek súlyának csökkentését. Itt láthatja.
  • Lusta terhelés: ha szó szerint fordítjuk, ez "lusta terhelést" jelent, bár ez jó. A beépülő modul azt tölti be, hogy a képek a képernyőn megjelennek, és nem egyszerre. Mi értelme lenne egy olyan képet feltölteni, amely a bejegyzés végén lehet, ha az illető csak félig elolvassa? Így az oldal gyorsabban betöltődik.

Mint látható, bármi örvendetes, ami a rakodási sebességnél tizedmásodperceket karcol. 😉

Mindig optimalizálja a képeket a webhelyén

Látta már, mennyire fontos a jó betöltési sebesség, ugyanakkor az összes kép jól néz ki (nincs semmi, ami inkább az elhanyagolás érzetét kelti, mint a pixeles képek a webhelyén).

És ez az a márkáját tükröző képet mindezek a részletek befolyásolják.

Ezért nagyon fontos, hogy a webdesign:

  • Vonzó.
  • Funkcionális (hogy az oldal intuitív legyen a navigálás során).
  • Webpozicionálásra és konverzióra optimalizált.

Ha olyan webdesign ügynökséget keres Madridban, amely megfelel ennek a 3 követelménynek, akkor segíthetünk.

Ezen kívül csapatunkban olyan írók és szövegírók is vannak, akik felelősek lennének vállalkozásának szövegeiért és tartalmáért. Tehát az ügyfelek kiszolgálására összpontosíthat, mi pedig minden másra.