|
|
|
|
|
A következő cikkemben összegyűjtöttem mindent, amit a DIVI képméretezésről érdemes tudni.
A végén vár a lehetőség...
Fogadd szeretettel!
|
|
|
|
Jöjjön a hét tippjei után az ajándékom!
|
|
|
|
|
|
|
|
A méret a lényeg - most tényleg
A kedvenc WordPress sablonom a Divi. A Divi egyszerűvé teszi a képek megjelenítését a honlapunkon. Néha azonban kihívást jelent a megfelelő képméret kiválasztása a különféle modulokhoz. Ha hatalmas fájlméretben töltjük fel a képet, akkor az lassítja a weboldalt, ha pedig túl kicsi méretet választunk, akkor “pixeles” lesz a kép, és gagyi hatást érünk el vele. Milyen a megfelelő képátméretezés, ha Divi sablont használunk?
|
Divi WordPress sablon és a SEO
A keresőoptimalizálás egyik fontos eleme a képek és a multimédiás tartalmak optimalizálása. A képek méretei befolyásolják a weboldal sebességét és a felhasználói élményt egyaránt, ezért fontos megérteni, hogyan lehet kiválasztani a legjobb képméreteket a Divi sablonnal ellátott WordPress oldalra.
|
|
|
A honlap sebességről itt olvashatsz illetve nézhetsz videót:
|
|
A képeket még a feltöltés előtt érdemes optimalizálni:
|
- átméretezéssel(pixel)
- tömörítéssel (kb)
- illetve levágni a “felesleget” pl. ha keskeny fejlécként szeretnéd használni
Ideális, ha a képfájlok mérete 60kb és 200kb között marad. Így nem
|
lassítják túlságosan az oldal betöltési idejét.
|
|
|
|
Válaszd ki a megfelelő szerkesztőprogramot a következő cikkből:
|
|
Ha feltöltöttük a képet, ne felejtsük el kitölteni az “alt tag“-et, vagyis a helyettesítő szöveget.
|
|
|
|
A keresőmotorok számára fontos információt jelent a cím, a helyettesítő szöveg és a felirat.
|
A cuki cicás képnél a Google nem biztos, hogy a cuki cicát látja, de ha beírod, hogy “cuki cica” az alternatív szövegbe, akkor a találati listán a “cuki cica”kulcsszóra is előrébb kerülhetsz, ha ez a célod.
|
|
|
|
|
|
|
A DIVI sablonnál a Google nem olvassa automatikusan a háttérképeket, mivel azok nem img tag-ek közé vannak zárva. Tehát ha a metaadatai nincsenek kitöltve, nem gond. A háttérképek a CSS-ben jelennek meg, és leginkább csak dizájn szempontból jelentős.
|
|
A Divi WordPress sablonnal sokféle módon lehet használni a képeket:
|
|
|
- teljes szélességű képként
- fejléc modulokban
- galériában
- projektmodulokban
- blog modulokban
- blogbejegyzésekben
- fülszövegben (blurb)
- webáruházban
- stb.
|
|
|
|
Ezekhez a modulokhoz különböző képméretekre lesz szükség:
|
|
|
Alkalmazkodjunk a kész elrendezéshez!
|
Léteznek kész “layoutok” (elrendezések), amelyeknél érdemes figyelembe venni az ajánlott képméretet, ha a saját fotóinkat akarjuk felhasználni.
|
Nézzük meg, hogy mekkora illetve milyen arányú képeket jelenítenek meg a demo oldalon.
|
|
|
A Divi sablont három különböző méretarányra (szélesség: magasság) optimalizálták:
16: 9 – a standard monitor arány- a teljes szélességű fejlécek számára ideális.
4: 3 – a régebbi monitor aránya, szinte négyzetes és nagyszerű a legtöbb kép esetében.
3: 4 – állókép (magasabb, mint széles) portréképekhez megfelelő ez az arány.
|
|
Mitől függ a képméret a Divi sablon esetében?
|
|
Nincs szabványos, “tökéletes” méret, ami az összes weboldal számára
|
érvényes, mert az ideális méret sablononként eltérő lehet.
|
|
|
A Divi sablont használó weboldal tökéletes képméretezése három fő tényezőtől függ:
1. Képarány: a kép magassága és szélessége
2. Oszlopok/hasábok elrendezése:a kép maximális szélességét
határozza meg
3. Reszponzivitás: a kép méretének módosítása különböző méretű
képernyőkre (mobil, tablet, stb.)
|
|
A Divi alapértelmezett elrendezési beállításai alapján 1080px szélességet kell beosztani...
|
|
|
|
|
|
Ma benne leszel az első 5- ben??
Jelezz vissza és megtudod nyertél e!
|
|
|
SEO ÁRAK
|
|
|
|
|
|
70 SEO tipp - ajándék eBook
|
Köszönöm, hogy feliratkoztál!
|
|
|
|
|
|
|
|
|
|
|
|
info@antikaotika-design.hu +36-30-630-3607 Ingyenes SEO felmérés! Ne hagyd ki ezt a lehetőséget! Töltsd ki a lenti űrlapot, és én átnézem a weboldaladat, hogy mennyire felel meg a legújabb keresőoptimalizálási feltételeknek. A rövid elemzést elküldöm e-mailben. Kövess a közösségi média oldalain! FacebookTwitterGoogle+PinterestLinkedIntumblrInstagramskypeYoutubeSEO szakember, keresőoptimalizálás szakértő, web-designer Saját honlapok: Antikaotika, Antikaotika-design, Antikaotika-SEO, Retro-Vintage
|
|
|
|
|
|
|
|
|
|
|
|
|
