a Nagy képek, nagy baj! Az oldal betöltési idejét lecsökkentik, és hatalmas mennyiségű oldalterületet zabálnak fel, jelezve a Google-nak, hogy az oldal lassú, törött, ezért kerülni kell. Ez elküldheti webhelyét a senki földjére: második oldal. Juj!
annak érdekében, hogy elkerülje a pusztában való eltévedést, néhány legjobb gyakorlati tippet találtam a képek átméretezéséhez., Itt megtalálja a képméretre vonatkozó irányelveket, valamint a képhasználatra és optimalizálásra vonatkozó tanácsokat.
4 kérdés, hogy feltegye magának a képméretet
- milyen széles a webhelyem? A weboldal szélessége változó, tehát ha nagy képeket szeretne hozzáadni, akkor szeretné tudni, hogy milyen széles a tartalomterülete., Sokszor beszéltünk olyan üzlettulajdonosokkal, akik elégedetlenek azzal, hogy webhelyük milyen lassan töltődik be, csak azért, hogy megállapítsák, hogy 5 megabájtos képet adtak egy olyan webhelyre, amely csak 3 megs-beszélni a betöltési késésről!
- hány oszlop van azon az oldalon, ahol a tartalom megjelenik? Ha webhelye egyetlen oszloptervezés, akkor körülbelül 980 képponttal kell dolgoznia. Ha azonban két oszlop van, akkor a képet legfeljebb 640 képpontban szeretné tartani. Így nem fogja felemészteni az oldalt és az értékes ingatlanokat a tartalomért.,
- a kép A tartalom középpontjában áll, vagy egy javítás? Ha infografikát hoz létre (vagy oszt meg), a kép lesz az oldal középpontjában. Ebben az esetben tökéletesen elfogadható, ha a képet nagy méretben hagyja, lehetővé téve, hogy elterjedjen az oldalon. Ha azonban ez csak egy kép, amely vizuális érdeklődést kíván hozzáadni,tartsa a képet kicsi, körülbelül 200-250 képpont széles. Azt akarja, hogy elég kicsi legyen, hogy ne vegye fel az egész oszlopot, elegendő hely a szöveg köré.
- hogyan fog kinézni a kép egy mobil eszközön?, Csakúgy, mint az asztali webhelyméreteknél, a mobil webhely mérete is változhat. Emiatt testreszabnia kell a kép méretét a webhelyére. Annak megállapításához, hogy a képek túl nagyok-e a mobil webhelyéhez, vegye fel a telefont, majd nyissa meg az oldalt a képével. Azonnal tudni fogja, hogy túl nagy-e, mivel befolyásolhatja a betöltési időt, és az egész oldalt igénybe veszi. Ha ez a helyzet, menj vissza, zsugorodj, és nézd meg újra. Értékelje azt is, hogy a kép szükséges-e a tartalomhoz. Ha nem, akkor lehet, hogy a legjobb, ha kihagyja, így az oldal írott tartalma könnyebben olvasható.,
rögzítési Arány torzítás
alább, van egy esettanulmány arról, hogy a képek hogyan jelennek meg a mobil eszközökön. A bal oldalon egy 5000 pixel széles kép található. Nem csak lassítja az oldal betöltési idejét, de láthatja, hogyan húzódik és próbál belenyúlni a mobil nézetbe. A jobb oldalon a képet átméretezték 250 képpontra, és úgy állították be, hogy minden eszközön 100% szélességben jelenjen meg, így jól néz ki mind az asztalon, mind a mobil verzióban.,
-
egy példa egy túl nagy képre egy mobil eszközön. Hol van a tartalom?! -
itt ugyanez a kép méretre lett vágva. Most van hely mind a tartalom, mind a kép megtekintésére.
Pro Tip: általános szabály, hogy soha ne helyezzen hatalmas képet a tartalom tetejére., Ez elvonja az olvasót, így nagyobb valószínűséggel hagyja abba a görgetést,majd lépjen tovább … talán a versenytársának!
zsugorodás (ebben az esetben jó dolog!)
mielőtt elkezdené a kép zsugorodását, feltétlenül mentse el az eredeti példányt. Ez lehetővé teszi, hogy visszatérjen hozzá, ha véletlenül túl kicsi. Miközben mindig zsugoríthatja a képet, lehetetlen nagyítani, ha zsugorodik. Amit végül kapsz, az egy szemcsés, pixilált kép. Nem jó!
tehát ha a kép 2000 képpontról indul, csökkentse 500-ra., Vessen egy pillantást, biztosítva, hogy nem tette túl kicsi; akkor, ha szükséges, ismét zsugorodik. Keresi a tökéletes egyensúlyt a képpontméret és a kép minősége között: mi haszna van egy olyan dinky képnek, amelyet senki sem lát?
megjegyzés a Foster webmarketing ügyfeleinek: ha részletesebb utasításokat szeretne, nézze meg lépésről lépésre a képek hozzáadására, optimalizálására és átméretezésére vonatkozó utasításokat. Keresse meg ezt az információt a DSS felhasználói fórumán. Vagy hívj fel! Örömmel végigvezetném a folyamatot.,
egyéb képi megfontolások
ha helyesen tette, a képek segíthetnek a keresési rangsor növelésében. A képek megfelelő optimalizálásához javasoljuk, hogy:
- nevezze át a fájlt. Függetlenül attól, hogy készletképet vagy saját eredeti képet használ, gondolkodnia kell, mielőtt megnevezné a fájlt. Az “image4” helyett próbáljon ki valami leíróbbat, például “autóbaleset Dallas.”
- adjon hozzá ALT címkét. Ezt a rövid szöveget (általában 20 karakter alatt, vagy körülbelül három szó alatt) arra használják, hogy segítsenek a látássérülteknek és a Google botoknak megérteni, mi a kép.,
- tartalmazzon egy feliratot. A képaláírások a weboldal legolvasottabb tartalma közé tartoznak, ezért ne felejtsd el hozzáadni egy érdekes, releváns feliratot.
- ellenőrizze a relevanciát. A képek segítenek az olvasó bevonásában, valamint mélységet adhatnak az írott tartalomhoz. De a képek hozzáadása a képek hozzáadása érdekében időpocsékolás.
ahhoz, hogy mélyebben megismerje, hogyan lehet többet kihozni minden közzétett képből, olvassa el cikkünket, oldja fel webhelye SEO potenciálját.
ha hasznosnak találta ezt a cikket, feltétlenül ossza meg a Facebook-on vagy bárhol, ahol úgy gondolja, hogy eléri a legtöbb üzleti tulajdonosot., Együtt segíthetünk megelőzni a lassú terhelési időt!
