multimédiás tartalom témájú írások

Divi WP sablon képátméretezés alfától omegáig

Divi WP sablon képátméretezés alfától omegáig

Szerző: | febr 8, 2019 | Képoptimalizálás, WordPress

Divi WP sablon képátméretezés alfától omegáig

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:

Weboldal sebesség teszt

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:

Képszerkesztő programok illetve a „méret a lényeg?”

  

 Ha feltöltöttük a képet,  ne felejtsük el kitölteni az „alt tag„-et, vagyis a helyettesítő szöveget.Képátméretezés Divi 11.alt tag fontossága

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:

  • képátméretezés - képoptimalizálásteljes 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.

Rendelkezésünkre áll egy nagyszerű online kalkulátor: Aspect Ratio Calculator, hogy átszámoljuk pixelbe a fenti arányokat.

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!

 

A fenti képen látható, hogy az oszlopok (column) méretezésénél nincs

megadva a kép magassága, csak a szélessége.

 

Az általános szabály az, hogy a kép legalább olyan széles legyen, mint az oszlop, amelybe beilleszted.

A következő képméretek követik a 16: 9 képarányt

 

  • 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á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

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érete 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.

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

Slider és Post Slider háttérképek Képátméretezés Divi 13

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

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

Ajánlott minimális szélesség: 1920px

 

Teljes szélességű háttérképek vetítéshez Képátméretezés Divi 14

 

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.

 

Slider és Post Slider Kiemelt kép Képátméretezés Divi 15.

 

Slider és Post Slider Kiemelt kép

 

Most a diák és a bejegyzésben használt kiemelt képek méreteiről lesz

szó, amelyek a háttér előtt jelennek meg. A diaképek csak akkor jelennek meg, ha a vetítés ⅔ , ¾ vagy 1 oszlopszélességet foglal el.

Fontos, hogy a dia képmérete legalább ilyen széles legyen, hogy optimálisan jelenjen meg a különböző méretű kijelzőkön.

  • 1 oszlop: 450
  • ¾ oszlop: 330
  • ⅔ oszlop: 320

Megjegyzés: A 768px-nél kisebb böngésző szélessége elrejti a képet, és csak a bejegyzés kivonatát jeleníti meg.

Képek megjelenítése Lightbox-ban Képátméretezés Divi 16

 

Képek megjelenítése Lightbox-ban

 

Képgalériáknál használjuk a lightbox-ot. Ez azt jelenti, hogy a fotókra rá lehet kattintani, és külön ablakban megnézhetjük a feltöltött képet. A képgalériáknál két szélsőségbe eshetünk:

  1. Eredeti hatalmas méretű fotókat töltünk fel, amelyek piszkosul lelassítják az oldalt.
  2. Túloptimalizáljuk a képméretet, és nagyon kicsi pixelszélességet adunk meg.

Ha a képeket szeretnénk kattinthatóvá tenni, akkor érdemes nagyobb képméretet használni, hogy akár teljes képernyőméretben gyönyörködhessen a fotóinkban a honlapra látogató.

Általában 1500 x 844 méretezés jól működik nagy kijelzőn is, ha teljes képernyő szélességben akarjuk bemutatni a fotóinkat.

 

Blog modul kiemelt képek – teljes szélességű elrendezéssel

Blog modul kiemelt képek Képátméretezés Divi 17.

Képszélesség: egyenlő az oszlop szélességének méretével. A blogmodul használata során a megjelenítendő képek hozzáadása nem túl bonyolult.

A kiemelt képeknek olyan szélesnek kell lenniük, mint az oszlop, amelybe

beillesztjük.

Oldalsávos elrendezésnél például, egy kétharmados oszlopban legalább 700px szélességű képet kell használni, mivel ez a Divi kétharmados oszlopának szélessége.

Ne felejtsük el, hogy a kiemelt képet eredetileg a blogbejegyzésben kell beállítani.

Nézzük meg, hogy a bejegyzésünk vajon kétharmados oszlopot használ vagy sem. Ha nem, akkor a lenti méretek az irányadók.

Íme a méretezés:

  • 1 oszlop: 1080
  • ¾ oszlop: 795
  • ⅔ oszlop: 700
  • ½ oszlop: 510
  • ⅓ oszlop: 320
  • ¼ oszlop: 225

Blog modul – kiemelt képek rácselrendezéssel (grid)

 

Blog modul - kiemelt képek rácselrendezéssel (grid) Képméretezés Divi18
Szélesség: egyenlő az egyoszlopos oszlop szélességével (alapértelmezett 795px)

A teljes szélességű blogelrendezéséhez hasonlóan a kiemelt kép méretét itt is magánál a blogbejegyzésnél kell beállítani.

Ami nagyszerű a rácselrendezésben, hogy a Divi a médiagalériába feltöltött képek kisebb változatát használja automatikusan (400px szélességgel).

Emiatt nem kell aggódnunk, hogy túl nagy lesz a képünk a rácsszerkezetben való megjelenítéshez.

Blurb (fülszöveg) modul képméretek Képméretezés Divi 19

 

Blurb (fülszöveg) modul képméretek

Maximális szélesség: 550px

A fülszöveg modulban elhelyezett kép méretezése is az oszlopszélességet követi, kivéve az 1 oszlopos elrendezést.

Ilyenkor a normál 1080px képszélesség helyett 550px-t adjunk meg!

  • 1 oszlop: 550px
  • ½ oszlop: 510px
  • ⅓ oszlop: 320px
  • ¼ oszlop: 225px

Személy modul (Person Module) képméretek

A bemutatkozó résznél érdemes használni a saját portrénkkal.

 

Ajánlott méret: szélesség: 600px

3: 4 – 600 x 800 (portrékhoz ajánlott)

  • 16: 9 – 600 x 338
  • 4: 3 – 600 x 400

Reszponzivitás

Egy 1 oszlopos elrendezésnél a kép a tartalom bal oldalán jelenik meg, 320px-es méretben.

Ha a képernyő mérete kisebb, mint 767px, a kép a tartalomterület szélességét 600px szélességgel veszi át.

 

Shop (áruház) modul termékképek méretei

 

Shop (áruház) modul termékképek méretei Képátméretezés Divi 21.

Ajánlott szélesség: 330px

Ajánlott oszlopszám: 3 vagy több

Íme a termékképek szélessége különböző elrendezésekben:

  • 6 oszlop: 150px
  • 5 oszlop: 183px
  • 4 oszlop: 240px
  • 3 oszlop: 332px
  • 2 oszlop: 520px
  • 1 oszlo

Testimonial (Ajánlás) portré képek beállításai

 

Testimonial (Ajánlás) portré képek beállításai2

 

Az alapértelmezett beállítás szerint a Divi ebben a modulban 90×90-es méretre alakítja át a képeket, és körként jeleníti meg.

A legideálisabb ezért, ha a feltöltött kép is pontosan 90x90px.

Persze lehet bármilyen 1:1-es képarányú (négyzet alakú) fotót alkalmazni, de a feleslegesen nagy fájlméret lelassítja az oldal betöltési idejét.

A Tervezés fülön (Advanced Design Setting) testre szabhatjuk a portré kép méretét és a szegély sugarát egyaránt.

Forrás:

The Ultimate Guide to Using Images within Divi

How to Choose the Best Image Sizes for your Divi Website

 

Antal-Pap Judit

Antal-Pap Judit

SEO szakember,  keresőoptimalizálás szakértő, web-designer

Saját honlapok:

Antikaotika, Antikaotika-design, Antikaotika-SEO, Retro-Vintage
Képátméretezés – képoptimalizálás – SEO tippek 4.

Képátméretezés – képoptimalizálás – SEO tippek 4.

Szerző: | okt 19, 2018 | Képoptimalizálás, Keresőoptimalizálás-fogalmak, SEO tippek, ötletek - a keresőoptimalizálás alapjai

Képátméretezés – képoptimalizálás – SEO tippek 4.

 

Ha keresőbarát weboldalt szeretnél, akkor a képeket is optimalizálni kell.  Az elnevezés és az alt attribútum meghatározás mellett nagyon fontos a megfelelő méretű fotók és egyéb illusztrációk alkalmazása. Ebben az esetben gyakori megoldás lehet a képátméretezés. 

Multimédiás tartalmak optimalizálása

 

A felhasználói élmény szempontjából fontos, hogy képekkel, videókkal és egyéb interaktív multimédiás tartalommal szemléltessük mondanivalónkat a szöveges tartalom mellett .

A keresők a képeket nem képesek feldolgozni, ezért fontos, hogy kellő információt biztosíts a számukra, mivel ezek értelmezése a legokosabb robotoknak is nehézséget okozhatnak.

 

Van megoldás: alternatív szöveg

 

Az úgynevezett alt attribútum (alternatív szöveg/alt tag/alt tulajdonság) kitöltésével kiegészítő leírásokat adhatsz a multimédiás fájloknak. Elvileg kötelező megadni minden médiaelemhez alt tagot, de ez sok weboldalon elmarad.

A képek kikapcsolásakor például az alt tulajdonságban elhelyezett szöveg a kép helyettesítő szövegeként szerepel  az oldalon.

Az optimális alternatív szöveg:

  • lényegre törő
  • szerepel benne a kulcsszó, de nem mindig kell erőltetni
  • egyedi
  • segíti a médiatartalom megértését
  • utal az anyag tartalmára

A másik fontos elem, ami alapján a  keresők a képek tartalmát azonosítani tudják:  a kép elnevezése: a fájlnév egyezzen meg a kulcsszóval, vagy legalábbis tartalmazza azt.

Ugyancsak kiemelt keresőoptimalizálási szempont a képek betöltődésének sebessége. A találati eredményt a  képek betöltődési ideje is döntően befolyásolja.

 

Az ideális fotóméret webre – képátméretezés

Mindenki rohan, senkinek semmire sincs ideje! Ha a felhasználó az oldaladra bukkan, mit akar?

Megoldást azonnal!

Ha a weboldalad a nagy felbontású, több megabyte-ot foglaló képek miatt lassan töltődik be, akkor megnő az esélye annak, hogy a látogatók idő előtt elhagyják a honlapodat, mondván máshol gyorsabban hozzájutnak az általuk keresett információhoz.

A Google is komoly figyelmet fordít a weboldalakon megtalálható képek méretére. Olyannyira, hogy a betöltődési sebesség fontos szempont a találati listán elfoglalt helyezéseink meghatározásában.

Minél nagyobb méretű képet akarsz feltölteni a weboldaladra, akkor a látogatónak  annál nagyobb erőforrásra lesz szüksége a kép megtekintéséhez.

A nagy méretű kép viszi a memóriát, a sávszélességet, és egy gyengébb eszköz esetén a felhasználó lelép.

Sajnos ezt a hibát én is elkövettem a webdesigner honlapomnál annak idején. Tökéletes képeket szerettem volna megmutatni, amelyek akkora méretben kerültek fel a weboldalamra, hogy a 2 GB tárhely is kevésnek bizonyult. Ha túl jó a géped és a neted, akkor ez a probléma lehet, hogy fel sem tűnik.

A jelenlegi cikk írásakor még a tömeges képátméretezés nem történt meg, emiatt lassan töltődik a honlap. (A fenti állítás akkor igaz, ha még mindig a barna dizájnt látod.) Itt megnézheted: Antikaotika-design. Bár gyorsítót és képtömörítőt is tettem fel, látszik, hogy amikor a honlap készült, a képoptimalizáláshoz még nem igazán értettem.

Ne ess abba a hibába, amelybe én is beleestem, hogy a saját képeimet nagy méretben töltögettem fel a honlapomra, aztán tárhelyet is kellett bővítenem és bizonyára látogatókat is veszítettem….

 

A képméret – pixelek és byte-ok

– Honnan tudjam, hogy mekkora az ideális képméret a weben?

Képátméretezés előtt jogos a kérdés.

A képpontméretek/ pixelek azt határozzák meg, hogy egy kép hány képpont széles és hány képpont magas. A felbontás egy bitkép részletgazdagsága, amely képpont/hüvelyk (ppi) mértékegységben adható meg. Minél nagyobb a hüvelyenkénti képpontok száma, annál nagyobb a felbontás.

Képátméretezés különböző képernyőn

Egy 620 x 400 képpontos kép különböző méretű és felbontású képernyőkön megjelenítve.

 

FIGYELEM!

1 képpont4 byte-ot foglal el a memóriából 8 bites színmélységnél.

  • 100 x 100px méretű kép  10,000 képpont (vagyis pixel)
  • 10,000 pixel x 4 bytes = 40,000 byte
  • 40,000 byte / 1024 = 39 KB

A kis matek után látható, hogy egy 100 x 100-as kép 39 KB-ot foglal el. Ez a méret természetesen nem alkalmas arra, hogy a képernyő teljes szélességében megcsodáljuk a fotót, mert a kép túl pixeles lesz.

A lenti táblázatból jól látható, hogy mekkora fájlméretre számíthatunk nagyobb méret esetén.

Méret Képpontok Fájlméret
100 x 100 10,000 39 KB
200 x 200 40,000 156 KB
300 x 300 90,000 351 KB
500 x 500 250,000 977 KB
800 x 800 640,000 2500 KB

 

A képméret meghatározása során azt is vedd figyelembe, hogy mekkorában fog maximálisan megjelenni.

 Fejléc, vagy háttér képek esetén ideális a  1920 px szélesség.

Ha ennél kisebb a képed, akkor nagy monitoron nem tölti ki az oldalt, ami csúnya, amatőr hatást eredményez.

Normál monitoron a posztok optimális szélessége továbbra is 600-800 px

Ennyit tud befogni a szemünk egyszerre kényelmesen, így az abban elhelyezett képeket ennél sokkal szélesebbre nem igazán van értelme venni, a felbontás csökkenésével ezek is arányosan csökkennek.

Rohamosan nő a retina /HD  kijelzők száma, amelyek lényege a tökéletesen tiszta kép, amely még nagyobb felbontást kíván.
 
 
 
képátméretezés Retina kijelzőn
 

Amint látod, nem is olyan egyszerű meghatározni a megfelelő képméretet. Neked kell eldöntened, hogy melyik a fontosabb:  a kis fájlméretet vagy a kiváló képminőség.

Válaszd az elváráshoz leginkább illő méretet és kiterjesztést!

Egyszerű ábrákhoz jó lehet a .gif is, színes, részletgazdag képekhez használj magas minőségű .jpg, vagy .png formát!

 
 

Képátméretezés – Hogyan?

A cél tehát az lesz, hogy az adott képet a lehető legkisebb fájlméretűre csökkentsd, hogy ezzel is gyorsítsd az  oldaladat. Ráadásul, ezt úgy kell elérni, hogy közben a képminőség szemmel láthatóan ne romoljon. Szerencsére, erre rengeteg online és offline képszerkesztő program áll rendelkezésedre.

 

Olvasd el a Képszerkesztő programok – SEO tippek 5. című írást!

 

Antal-Pap Judit

Antal-Pap Judit

SEO szakember,  keresőoptimalizálás szakértő, web-designer

Saját honlapok:

Antikaotika, Antikaotika-design, Antikaotika-SEO, Retro-Vintage

Ingyenes SEO felmérés
Képszerkesztő programok – SEO tippek 5.

Képszerkesztő programok – SEO tippek 5.

Szerző: | dec 27, 2016 | Képoptimalizálás, SEO tippek, ötletek - a keresőoptimalizálás alapjai

Képszerkesztő programok – SEO tippek 5.

A Képátméretezés – képoptimalizálás cikkben leírtam, hogy miért fontos keresőoptimalizálás szempontjából a megfelelő képméret kiválasztása.  Hogyan tudod az adott képet a lehető legkisebb fájlméretűre csökkenteni úgy, hogy közben a képminőség szemmel láthatóan ne romoljon? Ebben segítenek az  online és offline képszerkesztő programok. Melyiket válaszd? Segítek!

2021-es frissítés! Tömeges képátméretezés Photoshop programmal egyszerűen: ITT

Én bemutatom…

  • a szerintem legjobb képszerkesztő programok fajtáit
  • a programok működését
  • az ingyenes képszerkesztőket
  • a fizetős verziókat
  • melyek a legjobb online képszerkesztő programok
  • milyen offline megoldások léteznek

Te pedig eldöntöd, hogy melyik képszerkesztő program a szimpatikus!

 SEO szempontból mit kell szerkeszteni egy képen?

A képszerkesztő programok legtöbbje alkalmas arra, hogy „feljavítsd” a fotóidat különböző effektekkel. Keresőoptimalizálás szempontjából ez nem annyira lényeges. Sokkal fontosabb, hogy az oldalad gyorsan betöltődjön, és ne lassítsák le  gigantikus méretű képek.

A méret a lényeg…

Természetesen a minőség is számít. Gyorsan felejtsd el a Google képkeresőből lelopkodott (és rosszul lementett) 6 KB-os képeket!

  1. a  képek méretét csökkentheted pixelben  (1600 x1200 helyett 800×600)
  2. alkalmazhatsz tömörítést a fájlméret csökkentésével (2 MB helyett 120 KB)
  3. vannak képszerkesztő programok, ahol %-ban is meghatározhatod a képminőséget.

Kattints a jobb egérgombbal a képre, és a Fájladatok/Tulajdonságok menüpontnál meg tudod nézni a kép méretét!

képszerkesztő programok - képméret ellenőrzés

Több megoldást is választhatsz egyszerre: csökkentheted pixelesen és kilobyte-ban is a képeket.  Bármit is választasz, nem árt, ha előnézetben ellenőrzöd a képfelbontást!

 

A legegyszerűbb képátméretezés a WordPress felületén – videó!

 

A következő 6 perces videóban arról lesz szó, hogy, hogyan lehet WordPress honlapon a már feltöltött képeket
átméretezni úgy, hogy a Google is „szeresse”, illetve felhasználóbarát legyen a kép megjelenése. Arra ügyelni kell, hogy a tárhelyet ne foglalja el az eredeti méretben feltöltött hatalmas méretű fájl. Azt is érdemes felülírni.

A Legegyszerűbb képszerkesztés videó átirata – ha inkább olvasni szeretsz

 

Bizonyára megtörtént velünk, hogy több MB-os, hatalmas fájlméretű fotókat tettünk fel a WordPress
honlapunkra, és semmi kedvünk sincs leszedni a képeket, átszerkeszteni, majd újra visszatöltögetni!

A kép mérete SEO szempontból is fontos, hiszen befolyással bír a honlap betöltési sebességére.

Arról nem is beszélve, hogy a kedves látogatóinknak nem lesz türelmük kivárni a honlapunk
betöltését és mielőtt meglátnák a csodás, hatalmas képekkel teli honlapunkat, már huss, tovább is
kattintottak.

Tehát az, hogy milyen gyorsan töltődik az oldalunk, függ attól, hogy több MB-os képek vannak
elhelyezve a weboldalunkon, vagy csak 30-200 kB méretűek.

A cikkemben írok különböző képszerkesztő programokról. Léteznek online megoldások, letölthető képszerkesztő programok, valamint képoptimalizáló bővítmények is rendelkezésünkre állnak.

Ha nem akarunk sem bővítményekkel, sem letöltött programokkal bajlódni, akkor nézzük, mit
tehetünk.

A videóban bemutatom a korábban feltöltött, médiatárban található képek átméretezését lépésenként, ami nem a leggyorsabb ugyan, de legalább kéznél van:

  1. belépünk a médiatárba
  2. csempemódra állítjuk a nézetet
  3.  kiválasztjuk a kívánt fotót
  4.  kitöltjük az alternatív, helyettesítő szöveget (kulcsszavakat is felhasználva)
  5. a kép szerkesztésére kattintunk
  6. beállítjuk a kívánt szélességet.
  7. Pl. 320 x 214 px  A magasság automatikusan idomul majd hozzá. Ne torzítsuk a képet!
  8. A mentés gombra kattintva, hamarosan megjelenik az eredmény, hogy a fotó fájlmérete 25 kB lett 2 MB helyett. 🙂

Érdemes már az elején tudni, hogy az adott képe mire fogjuk használni. Ugyanis ha pl. teljes képernyő méretben akarjuk feltenni, akkor 320 px  nem lesz elég.

A megfelelő képméret kiválasztásáról részletesen olvashatsz a követező cikkben:

 https://seo.antikaotika-design.hu/mediaoptimalizalas-kepatmeretezes-seo-tippek-4/

 

WP Image Size Limit – Limitáld a feltölthető képek nagyságát!

Persze csak ha akarod. Én ezt a megoldást személy szerint nem szeretem, de ha WordPress alapú honlapod van, akkor a WP Image Size Limit bővítménnyel beállíthatod, hogy mekkora legyen az a maximális fájlméret, amit még feltölthetsz a weboldaladra.

Beállítod  – mondjuk –  a 350 Kb-ot, mint maximumértéket, aztán ha ennél nagyobb képpel próbálkozol, akkor hibajelzést kapsz, hogy a képed mérete meghaladja a keretet. Na és akkor keresgélhetsz a képszerkesztő programok között, hogy melyikkel tudod a megfelelő méretű fájlt létrehozni.

 

Optimizilla – online képoptimalizáló

 

Ez egy nagyon szimpatikus képszerkesztő felület. Több nyelven elérhető, amiből sajnos a magyar kimaradt. Ez azért ne rettentsen el, mert nyelvtudás nélkül is egyszerű  Maximum 20 képet tölthetsz fel egyszerre az UPLOAD FILES gombra kattintva. Egyszerűen tudod  zsugorítani a JPEG és PNG képeket a lehető legkisebbre méretre, ami még megőrzi a szükséges minőségi szintet.

Képszerkesztő programok - Optimizilla

A tömörítés befejezése után könnyedén ellenőrizheted a minőséget a képekre kattintva.  A csúszka segítségével finomíthatsz a beállításon. Összehasonlíthatod az eredményt az eredeti képpel. Ránagyíthatsz a részletekre. Megadhatod a tömörítés mértékét, és azt is pontosan láthatod, hogy hány kilobyte lesz az eredmény.

Ha elégedett vagy a látvánnyal, kattints at APPLY gombra. Majd a DOWNLOAD ALL gombra kattintva egy tömörített mappában elmentheted az átméretezett képeket.

Kipróbálom: Optimizilla

 

TinyPNG – online képtömörítő és/vagy honlap bővítmény.

Az online alkalmazás hasonló, mint az Optimizilla esetében, itt is 20 képet tölthetsz fel egyszerre, amelyek egyenként nem lehetnek nagyobbak 5 MB-nál. A TinyPNG alkalmazása csökkenti a képek minőségét, törli a meta infókat, így ér el méretcsökkenést.

Képátméretezés TinyPNG

69%-kal tömörített képeknél 489 KB-ot spórolhatsz!

Itt nem tudod módosítani és „menet közben” megtekinteni a képeket,  de a  tömörített fotókat lementheted a gépedre vagy Dropboxba.

Van WordPress plugin is hozzá, amivel automatizálni tudod minden feltöltött kép méretének az optimalizálását.

Nézd meg a 8 perces videómat arról, hogy hogyan működig a TinyPNG bővítmény!

A TinyPNG előnye az, hogy a feltöltött képet is optimalizálja (tehát az eredetit), így tárhelyet spórolhatunk meg vele.

A TinyPNG hátrányai: lassú, mivel külső szerveren dolgozza át a képeket, továbbá havi 500 kép után fizetős. Az 500-as ingyen kép a gyakorlatban kb. 100 képre elegendő, hiszen a WP készít 4-5 képméretet feltöltésenként és azokat is optimalizálja.

Próbáld ki: TinyPNG

Képátméretezés Photoshopban

Adobe Photoshop Save for Web BoxHa  Photoshopban szerkeszted a fotóidat a Fájl menüben találod a Save for Web vagy magyarul a mentés webre funkciót. Újabban ezt az Exportálás menüpontban találod.Itt  megfelelően optimalizálhatod a tömörítési, és színkezelési beállításokat, kifejezetten az interneten való megjelenésre.

A Photoshop meglehetősen drága –  kb. 26 € havonta, a próbaverziót viszont 30 napig használhatod ingyen.

Próbáld ki: Photoshop

 

Frissítés! Tömeges képátméretezés Photoshop programmal egyszerűen

GIMP képszerkesztő program

A Photoshop ingyenes változataként szokták emlegetni, bár a dizájnerek nem sokra becsülik. Arra viszont alkalmas, hogy elvégezd rajta a képoptimalizálást.

A Képméret menüpontban a Szélességet és Magasságot megadhatod számértékben, vagy a kis ablak melletti fel-le nyilakra kattintva.

A két ablak melletti „lánc” ikon legyen bekapcsolva! Az arány így változatlan marad, a kép nem torzul.

A képméret mértékegysége sokféle lehet. Alapvetően képpont (pixel) és százalék, de beállíthatsz, hüvelyk, milliméter, pont és pica stb. mértékegységet is.

A képet monitoron nézve  elég lehet a 72 képpont/inch is (X-felbontás, Y-felbontás).

Töltsd le itt a GIMP képszerkesztő programot!

 

Pixlr – online képszerkesztő program

Egyszerű fotó- és grafika szerkesztőprogram, bár a képátméretezésnél jóval többet tud.

3 alapvető eszközt tartalmaz:

  • Pixlr Editor – eszközök széles választékát adja grafikák szerkesztéséhez
  • Pixlr Express – színt és szöveget lehet adni vele a képhez
  • Pixlr O-Matic – keretet, különböző effekteket tudsz vele hozzáadni

 

A Pixlr Editor  ingyenes fotószerkesztőt közvetlenül elérheted a böngészőnkből.  Pixlr Editor használatához nincs szükség semmilyen letöltésre.

A program eszközei és funkciói hasonlóak a legtöbb népszerű képszerkesztő szoftveréhez, mint a Gimp, Paint Shop Pro vagy a Photoshop. Számos, a desktop programokban fellelhető funkció megvan benne, de szinte semennyi helyet nem foglal.

Próbáld ki: Pixlr

 

PicResize – online képszerkesztő program

Ingyenes szoftverszámos lehetőséggel, és viszonylag egyszerű használattal. Bár szerintem nem annyira egyértelmű a kezelőfelülete.

Ami leginkább mellette szól, hogy megszerkesztheted vele  a közvetlenül az internetről  leszedett képet is.

Képszerksztő programok PicResize

Először válaszd ki a képet a számítógépedről, vagy egy URL címről. A “Contiune”-ra kattintva megérkezel az oldalra, ahol a képedet igényeid szerint át tudod alakítani 4 egyszerű lépésben:

  • levághatod a kép egy részét, valamint elforgathatod
  • átméretezheted
  • speciális effekteket adhatsz hozzá
  • az átalakított képet jpg, gif, png, bmp formátumban mentheted el

Megmondom őszintén nem vagyok tőle elájulva, pedig úgy hirdeti magát, mint az internet legegyszerűbb ás legjobb képátméretező programja.

A fenti képet így tömörítette:

Túl kicsi a felbontás

4 KB-os kép az eredmény -ez nem sok mindenre elég…

 

Convert My Image – válassz képformátumot

A Convert My Image gyakorlatilag egy feladatot lát el: átalakítja egy kép formátumát. Rengeteg formátumot használhatsz:

Az alábbi fájlformátumokban oda-vissza konvertálhatod a képeidet:

PNG, JPG/JPEG, GIF, TIF/TIFF, BMP, RPG, XPM, PIC, PDF, EPS, PS

 

Képszerkesztő programok összegzés – mi az, ami nekem bevált?

Természetesen a felsoroltaknál sokkal több képszerkesztő program van. Számos népszerű eszközt kipróbáltam, ami kimaradt a listából, egészen egyszerűen azért, mert nem úgy működtek, ahogy azt elvártam.

Az én kedvencem az Optimizilla volt, mert látom is az eredményt tömörítés közben. Most viszont a tömeges átméretezés miatt  a Photoshop-ot használom. A WordPresshez pedig a TinyPNG plugint szoktam meg.

Ha ismersz olyan képszerkesztő programokat, amelyek neked beváltak, vagy amelyekről szívesen hallanál véleményt, írd meg a Hozzászólás írása részben a bejegyzés alatt!

Antal-Pap Judit

Antal-Pap Judit

Antal-Pap Judit

SEO szakember,  keresőoptimalizálás szakértő, web-designer

Saját honlapok:

Antikaotika, Antikaotika-design, Antikaotika-SEO, Retro-Vintage

Ingyenes SEO felmérés
Multimédia: képek és videók szerepe a weboldalon – SEO tippek 3.

Multimédia: képek és videók szerepe a weboldalon – SEO tippek 3.

Szerző: | dec 14, 2016 | Képoptimalizálás, Keresőoptimalizálás-fogalmak, Kulcsszó, SEO tippek, ötletek - a keresőoptimalizálás alapjai

Multimédia: képek és videók szerepe a weboldalon – SEO tippek 3.

A képekre kiéhezett olvasót ki kell elégíteni! Lehet, hogy a szöveges tartalmad a keresőmotorok számára tökéletes,  és egyből az oldaladra repítik a látogatókat, de vajon ott is maradnak?  A jobb eredmény érdekében élj a multimédia csatornáival és eszközeivel! Használj képeket, videókat, infografikát, hanganyagot!

A multimédia jelentése

Napjainkban igen elterjedt, divatos kifejezés  multimédia kifejezés. Mit is jelent pontosan?

A multimédia olyan információs tartalom vagy feldolgozási rendszer, amely többféle csatornát is használ (szöveg, hang, kép, animáció, videó és interaktivitás) a felhasználók tájékoztatására vagy szórakoztatására.

(Forrás: Wikipedia)

A  latin eredetű multimédia kifejezés két részből áll:

MULTI + MÉDIA

MULTI = sok

MEDIUM = közbülső helyen található, általános közeg, közvetítő elem,  nyilvánosság ⇒ MEDIA (többesszám)

 

Ha többesszámban használod: MÉDIUMOK vagy simán MÉDIA a helyes.

Ilyen nincs: MÉDIÁK.

 

 

Maga a multimédia legalapvetőbb jellemzője a digitalizáció. Az először megjelenő hangi és képi felhasználások analóg technológiákon alapultak, míg a számítástechnika a digitális világban élt. A két „oldal” közeledése roppant fontos volt, hogy létrejöhessenek valódi multimédia-alkalmazások.

Napjainkban már inkább az információt közvetítő közeg (információk terjesztésére és bemutatására szolgáló eszköz) értelemben használatos.

A nem szöveges tartalmak szerepe a weboldalon

Ma már szinte elvárás, hogy egy oldalon szerepeljenek  képek, videók illetve egyéb médiaformátumok. Amennyiben lehetséges, mindenképpen törekedj multimédiás tartalomra! Ezek teszik elevenné az oldaladat, és segítenek, hogy előrébb kerülj az internetes keresők találati listáján.

Az első benyomás számít! A multimédia segít!

Ha valaki rákattint az oldaladra, és nem tetszik neki amit lát, gyakran rögtön le is lép anélkül, hogy elolvasná azt a nagyon hasznos cikket, amit írtál. Ha akarsz, te is tudsz pillatatok alatt ingyenes weboldalt létrehozni, de ahhoz, hogy komolyan vegyenek, érdemes a honlapkészítést és  webdesign munkálatokat szakemberre bízni!

A dizájnhoz tartozik az illusztráció. Egy jól kiválasztott kép segít megérteni, hogy miről szól a cikked illetve az adott oldal.

„Egy kép többet ér ezer szónál”.

Nos, valószínűleg  a Google szempontjából ez nem teljesen igaz, de a honlapodra látogatók egy találó ábrát jobban fognak értékelni, mint az unalmas, tagolatlan 1000 szavas blogbejegyzést.

“Egy kép többet ér ezer szónál” SEO tippek - multimédia

Képek, videók, infografikák használata SEO szempontból is javasolt, hiszen oldaladat „felhasználóbarátabbá” tehetik:

  • Az első pillantásra magukhoz ragadják a tekintetet.
  • Tördelik a folyó szöveget, ezzel megkönnyítik az olvasást.
  • Növelik a felhasználói élményt.
  • Növelik az oldalon eltöltött időt.
  • Csökkentik a visszafordulási arányt.

 

A multimédiás tartalmakat  nagyobb eséllyel osztják meg a közösségi médiában. A megosztások és a viszontlinkek pedig tovább növelik a weboldalad PageRankjét.

Képek használata

Ha cikkeket írsz egy online magazinban vagy a saját honlapod forgalmát szeretnéd blogbejegyzésekkel növelni, akkor gyakran megfordulhat a fejedben a következő kérdés:

– Adjak hozzá képet vagy  sem?

A válasz:

– Igen!

 

Animált GIF-ek – vicces mozgóképek

A GIF formátum a képen lévő információt veszteségmentesen tömöríti. Az állóképek tárolása mellett a GIF alkalmas képek animálására is. Weblapokon sokszor találkozhatsz ilyennel. Lényege, hogy megadott időpontokban váltakoznak a különböző képek, így egy animációt hozva létre. Hátránya, – ha ez hátránynak nevezhető –  hogy nincs hangja.

A GIF az internetes társadalom egyik legnépszerűbb szórakozása…

Multimédia - animált GIF - SEO tippek

Videók szerepe

Észrevetted, hogy  a közösségi média  felületeit mennyire elárasztották a mozgóképek az utóbbi években? Egy pár napja arra ébredtem, hogy már a Twitteren is lehet élő adást közvetíteni.

A legújabb webdesign trend  egyik lényeges eleme a videók, parallax videók alkalmazása: belépőoldalon, háttérként és még számtalan formában.

Kösd fel te is a gatyát, mert a videók szerepe a digitális kommunikációban hihetetlenül felértékelődött!

Becslések szerint 2019-re az internetes forgalom 80%-át már a videók fogják jelenteni.

A videók jól mutatnak a weboldalon, egyszerűen beágyazható pl. egy Youtube videó, de ha igazán eredményes szeretnél lenni, akkor készíts saját videókat! 

Ne gondolj nagy technikára! A laptopod vagy a mobilod kamerája megteszi kezdetnek. A lényeg úgyis a hitelesség!

 

Interaktív multimédia

A multimédia és a multimédia-rendszerek legtöbb meghatározásában már szerepel az interaktivitás mint megszorítás is. Ilyenkor a felhasználó „párbeszédet” folytathat a rendszerrel, melynek során befolyásolni képes a rendszer működését, kiválthat hatásokat és felidézhet tartalmakat – mindezt a valós futásidőben. Amikor a végső felhasználó (befogadó) irányítani tudja, hogy mikor és milyen elemeket szeretne megnézni.

Interaktív elemek a weboldalon

  • megrendelések küldése
  • apróhirdetések feladása
  • szavazás
  • játékok (pl.: puzzle)
  • kvíz
  • interaktív térkép
  • hozzászólás lehetősége
  • weboldal ajánlása ismerősöknek
  • keresés a honlapon
  • hírlevél küldés

Még nincs vége…

Remélem, hogy  ezzel a cikkel sikerült  téged meggyőznöm arról, hogy miért fontosak a honlapodon a   képek,  videók  és egyéb média formátumok alkalmazása!

A következő  cikkemben  megmutatom, hogy hogyan tudod beállítani a multimédiás tartalmat úgy, hogy az internetes keresők is szeressék azt. Lesz szó az ideális képméretről, videóbeágyazásról és természetesen keresőoptimalizálásról!

 

Ha nem akarsz lemaradni azokról a keresőoptimalizálás – SEO témájú írásokról, amelyekkel a te weboldaladat is felpörgethetjük, iratkozz fel a hírlevelemre!

Antal-Pap Judit

Antal-Pap Judit

SEO szakember,  keresőoptimalizálás szakértő, web-designer

Saját honlapok:

Antikaotika, Antikaotika-design, Antikaotika-SEO, Retro-Vintage

Ingyenes SEO felmérés
SEO szövegírás, keresőoptimalizált cikkírás – ahogy a Google szereti

SEO szövegírás, keresőoptimalizált cikkírás – ahogy a Google szereti

Szerző: | nov 3, 2016 | Szövegírás, WordPress, Yoast SEO

SEO szövegírás, keresőoptimalizált cikkírás – ahogy a Google szereti

SEO cikkírás, keresőoptimalizált szövegírás – ahogy a Google szereti

Mielőtt beírtad a Google-be, hogy SEO szövegírás, fizetett cikkírás, weboldal szövegírás, marketing szövegírás vagy kreatív szövegírás árak, bizonyára  már felsóhajtottál párszor:

  • Milyen nagyszerű lenne úgy szövegeket írni a honlapra, hogy a cikk vagy oldal állandóan a találati lista élén lenne!
  • Bárcsak állandóan jönnének a kattintások a Google organikus találati listáról!
  • Bárcsak alacsonyabb lenne a visszafordulási arány, és több időt töltenének a látogatók a honlapomon!

Sokan azt hiszik, hogy állandóan ontani kell az új frappáns szövegeket a honlapra, ezerféleképpen kell ugyanazt leírni, hogy sikeresek legyünk a Google vagy a látogatók szemében. Pedig nem.

A megoldás a SEO szövegírás, azaz a kulcsszavakra optimalizált szövegírás, amely minőségében  – a legtöbb esetben – mennyiségében is lepipálja a konkurencia cikkeit, tartalmi szövegeit!

 

2020-ban a legfontosabb Google rangsorolási tényező továbbra is a minőségi tartalom marad. Ezért ismerned kell, hogy a Google szemében mi számít minőségi tartalomnak.

 A Google minőségi irányelvei – ha SEO szövegírásban gondolkozol:

  • Mindenekelőtt a felhasználóknak készítsd az oldalakat, ne a keresőmotornak.
  • Ne vezesd félre felhasználóidat.
  • Kerüld a keresőmotorokon belüli rangsorolás emelését célzó trükköket. Jó kiindulási pont, hogy felteszed magadnak a kérdést: nyugodtan el mernéd-e mondani egy konkurens webhely tulajdonosának vagy egy Google-alkalmazottnak, hogy milyen technikát alkalmazol? Egy másik hasznos kérdés: „Mennyiben segít ez a felhasználóimnak? Akkor is ezt tenném, ha nem lennének keresőmotorok?”
  • Gondold át, hogy mi teszi webhelyedet egyedivé, értékessé és lebilincselővé. Tegyél annak érdekében, hogy webhelyed kiemelkedjen a többi közül a saját területeden!

A többit pl. a speciális irányelveket elolvashatod itt: Google minőségi útmutató

 

SEO szövegírás – törekedj minőségi tartalomra!

 

A keresőmotorok azt is figyelik, hogy hányan kattintanak a találati listán a te tartalmadra, valamint, hog mennyi időt töltenek az oldaladon.

Ha meg tudod fogni a látogatókat, és lebilincselő tartalmaddal a képernyő elé szegezed őket, akkor a Google is azt mondja majd, ez az oldal megérdemli, hogy előrébb soroljam!

 

A Google által megfogalmazott, és nemrégiben frissített SEO iránymutatások szerint teljesen egyértelmű, hogy a tartalom akkor jó, ha:

  • informatív
  • és kreatív

A Google Panda algoritmusán keresztül világít rá, hogy a keresőmotorok azt várják, hogy a weboldalak tartalma legyen:

  • keresőbarát (a Google elvárásainak megfelelő)
  • felhasználóbarát (szeresse az olvasó)

Kulcsszavakra írt SEO cikk, blogbejegyzés, szöveges tartalom

 

Mi lenne, ha olyan cikkeket írnál, ami érdekli az embereket? A kulcsszókutatás segít ebben.
En meg tudok segíteni a kulcsszókutatásban! Nagyszerű aranybányára lelhetünk, ahol nem csak az általunk elképzelt kulcsszavakat találjuk, hanem a konkurencia kulcsszavait is kikémlelhetjük!

Ezért a találati lista legjobb eredményeinek elérése érdekében ajánlatos a SEO cikket úgy megírni, hogy:

  • alapos kutatás előzze meg
  • eredeti legyen
  • a kulcsszavak egyenletesen legyenek elhelyezve a cikk egészében, ahol ez indokolt.

Megjegyzem, a visszájára sülhet el a kulcsszavakkal teletömött tartalom, különösen, ha trükközünk: láthatatlan szöveg, stb…

 

 

Ne lepődj meg, hogy ez a cikk latinul van! Nézd meg a Keresőoptimalizált szövegírás videót, és mindent megértesz.

A videóban található keresőoptimalizálási bővítményt  itt tudod letölteni: Yoast SEO plugin

  • Lorem ipsum dolor sit amet, keresőoptimalizált szövegírás consectetur adipiscing elit. Cras quis diam aliquet, varius diam ac, bibendum tortor. Sed condimentum lorem a nulla efficitur mollis. Mauris facilisis ex eget massa posuere, in tincidunt ex facilisis. Quisque varius, ex at consequat suscipit, nibh felis accumsan erat, et tempus lorem quam a enim. Pellentesque tempus ac neque ac eleifend. Nunc nec quam nec justo volutpat venenatis quis at nulla. Nam enim metus, consequat ac finibus non, mollis a risus. Pellentesque eu finibus lacus. Nullam feugiat non nibh sit amet malesuada.
  • Lorem ipsum dolor sit amet, keresőoptimalizált szövegírás consectetur adipiscing elit.
  • Mauris pharetra velit vitae lacus rhoncus, at posuere magna imperdiet. Praesent blandit tempor ipsum, ac vehicula odio vehicula mattis. Aenean leo orci, ullamcorper quis pretium vitae, vehicula eget augue. Etiam a aliquet neque. Suspendisse eget nisl eu enim maximus hendrerit. Sed ornare porttitor lacus, vel efficitur lectus molestie a. Vivamus tristique sodales luctus. Duis ultrices risus vitae massa posuere imperdiet. In hac habitasse platea dictumst. Nunc eu consequat massa. Donec vitae libero a sapien hendrerit rhoncus et eget sem. Quisque mauris lectus, ornare in elit eu, condimentum fermentum sapien. Aliquam vulputate tellus ac velit luctus tristique ac vitae mi.
  • Nullam bibendum, magna eu volutpat sodales keresőoptimalizált szövegírás
  • Vivamus fringilla arcu nibh, vel lacinia tortor ultricies vitae. Aenean semper rutrum urna ac ultricies. Suspendisse feugiat diam id velit pharetra feugiat. Nulla laoreet aliquet porttitor. Sed eu erat rutrum, rhoncus nunc ac, egestas lacus. Integer suscipit lobortis faucibus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut iaculis lectus arcu keresőoptimalizált szövegírás – ahogy a Google szereti, non vulputate augue sollicitudin a. Proin laoreet ante vitae pulvinar dignissim. Pellentesque et nibh est. Nam vel nisi nec erat sagittis egestas sed non tortor. Praesent sem ligula, vestibulum vel pellentesque nec, feugiat ac ante. In eleifend dignissim quam, at tristique neque vehicula convallis. Quisque elementum ligula sit amet lorem viverra maximus. Morbi a feugiat sapien, eget cursus lectus.
  • Keresőoptimalizált szövegírás
  • Donec consequat leo luctus, ultricies odio at, porta libero. Aliquam ac orci ut purus sodales lobortis at vel quam. Praesent at bibendum risus. In at ultricies quam. Nunc sit amet turpis urna. Sed suscipit sollicitudin tortor sodales finibus. In dapibus, magna non auctor tincidunt, quam augue finibus ex, non finibus dui urna in quam. Ut tempor tristique purus, nec finibus justo keresőoptimalizált szövegírás – ahogy a Google szereti consectetur at. Sed eget nunc ac dolor imperdiet pellentesque. Ut fermentum felis erat, non vulputate massa porta ac. Proin fringilla dui et molestie laoreet. Donec ullamcorper lacinia facilisis. Morbi sed congue odio. Nunc vehicula diam quam, eu convallis ipsum euismod eu.
  • Nunc cursus sem velit, in porta felis eleifend ac. Nam venenatis felis massa, vel luctus massa ornare non. Morbi iaculis posuere neque sed suscipit. Curabitur luctus velit vitae viverra iaculis. Suspendisse nec elit ac arcu porttitor posuere ut ut felis. Morbi eget lacus in tellus mollis fringillakeresőoptimalizált szövegírás – ahogy a Google szereti Vestibulum dignissim dapibus auctor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nullam vel arcu in urna fringilla placerat. Sed malesuada vitae sem vel auctor. Aenean venenatis tincidunt diam at commodo. Integer laoreet vitae ipsum eget maximus. Fusce volutpat tortor turpis, a vehicula leo feugiat at. keresőoptimalizált szövegírás.
  • Érdekel?  ⇒ Keresőoptimalizált honlapkészítés
Antal-Pap Judit

Antal-Pap Judit

SEO szakember,  keresőoptimalizálás szakértő, web-designer

Saját honlapok:

Antikaotika, Antikaotika-design, Antikaotika-SEO, Retro-Vintage

Ingyenes SEO felmérés