fejlec-1-1024x480
Kedves Érdeklődőm!

Boldog Új Évet kívánok Neked!


Tapasztaltabbak lettünk megint egy évvel. Tanultunk, fejlődtünk, folyamatosan alakítottuk, fejlesztettük honlapunkat, életünket …. is, kisebb nagyobb sikerrel!

Köszönöm, hogy bízol bennem,

örülök, hogy segíthettem!


2019-ben is itt leszek, vagyok, segítek.

Számíthatsz rám!

Az elmúlt évben a DIVI sablon sorozat részeit kezdtem elküldeni neked, melyben a képméretezés titkaiba vezettelek be. Ha nyomon követted a hírlevelet, akkor te is a 8. részt várod!
untitled
Tehát 2019. első hírlevelében folytatódik a DIVI sorozat, a 8. résszel.

Jöjjenek a 2. hét tippjei!

FBprofil
Kövesd a Napi SEO tippek Facebook oldalt, és mindig osztok meg egy-két keresőoptimalizálási titkot, trükköt.

135. Képméretezés DIVI sablon 8


A következő képméretek követik a 4: 3 képarányt

  • 1 oszlop: 1080 x 810
  • ¾ oszlop: 795 x 597
  • ⅔ oszlop: 700 x 526
  • oszlop: 510 x 384
  • ⅓ oszlop: 320 x 241
  • ¼ oszlop: 225 x 170
47106560_1208342022637232_9157036752299360256_o

136. Képméretezés DIVI sablon 9.


A pontos méretek megadásánál vegyük figyelembe, hogy a 4 oszlopos elrendezés kisebb kijelzőn 2 oszlopra csökken.
Az eredeti 4 oszlopos elrendezés 4: 3 képaránnyal:
225px: 170px-es képméretet jelent.
Ha a fenti méretben töltjük fel a képeket, akkor a képfájl méretét pozitívan befolyásolja az oldal betöltési idejét.
A hátránya, hogy nem tölti be az oszlopszélességet kisebb képernyőkön, például tableten.
A 2 oszlopos elrendezés 370px szélességű képméretet kíván.

Tehát ha azt szeretnénk, hogy a kép kitöltse az oszlopszélességet, a 225 képpontos szélesség helyett 370 képpontos képméretet kell használni.
Képátméretezés Divi 9

137. Képméretezés DIVI sablon 10.


A képeket még a feltöltés előtt érdemes optimalizálni:
- átméretezéssel(pixel)
- tömörítéssel (kb)
- illetre 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:
Képszerkesztő programok
képszerkesztő programok - Antikaotika-SEO

138. Képméretezés DIVI sablon 11.

A képek feltöltésénél 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.
.
Képátméretezés Divi 11.alt tag fontossága

139. Képméretezés DIVI sablon 12.

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

140. Képátméretezés - DIVI sablon 13.

Slider és Post Slider háttérképek

Ha képeket vagy blogbejegyzéseket szeretnél vetítés formájában bemutatni, akkor az alábbi szempontokat kell figyelembe venni:
A vetítés háttérképei legalább olyan szélesnek legyenek, mint az adott oszlop.
Így egyszerű a dolgunk, hiszen csak a DIVI sablon szabványát kell figyelnünk.
A vetítés hátterének magasságát a rajta elhelyezett tartalom határozza meg, így lehet, hogy módosítania kell a háttérkép magasságát.
A következő képméretek a 16: 9 képarány-szabványnak felelnek meg:
  • 1 oszlop: 1080 x 608
  • ¾ oszlop: 795 x 447
  • ⅔ oszlop: 700 x 394
  • ½ oszlop: 510 x 287
  • ⅓ oszlop: 320 x 181
  • ¼ oszlop: 225 x 128
A következő képméretek követik a 4: 3 képarány-szabványt:
  • 1 oszlop: 1080 x 810
  • ¾ oszlop: 795 x 597
  • ⅔ oszlop: 700 x 526
  • ½ oszlop: 510 x 384
  • ⅓ oszlop: 320 x 241
  • ¼ oszlop: 225 x 170
Ha azt szeretnénk, hogy a vetítés a mobil eszközök oszlopainak szélességét lefedje, használjuk ezeket az irányelveket:
4: 3 képarány esetén:
  • 1 oszlop: 1080 x 810
  • ⅔ oszlop: 770 x 578
  • ¾ oszlop: 770 x 578
  • ½ oszlop: 770 x 578
  • ⅓ oszlop: 770 x 578
  • ¼ oszlop: 370 x 278
16: 9 képarány esetén:
  • 1 oszlop: 1080 x 608
  • ⅔ oszlop: 770 x 433
  • ¾ oszlop: 770 x 433
  • ½ oszlop: 770 x 433
  • ⅓ oszlop: 770 x 433
  • ¼ oszlop: 370 x 208
Slider és Post Slider háttérképek Képátméretezés Divi 13

141. Képátméretezés - DIVI sablon 14.


Teljes szélességű háttérképek vetítéshez

Ajánlott minimális szélesség: 1920px
A teljes szélességű vetítés háttérképének szélességét mindig a böngésző szélessége határozza meg.
A szabványos képernyőméretek alapján javaslom, hogy a képek legalább 1280px szélesek legyenek.
Ha nagyon fontos számunkra, hogy a képek nagyobb monitorokon se legyenek pixelesek, inkább 1920px széles kép használata ajánlott.
Ahogy korábban írtam, a magasságot mindig a tartalom mennyisége határozza meg, így a kép magasságát igazítsuk ehhez. Ha kell, vágjunk meg a képet.
Teljes szélességű háttérképek vetítéshez Képátméretezés Divi 14

SEO ÁRAK

keresőoptimalizálás árak shop

70 SEO tipp - ajándék eBook

Köszönöm, hogy feliratkoztál!

Íme az ajándékod!
ingyenes SEO - SEO árak ingyenes SEO szolgáltatás Antikaotika

SEO szakember - Antal-Pap Judit

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
Tovább
Keresőoptimalizálás, SEO, weboldal beállítások, Google kereső - Antikaotika-SEO