Amit a WordPress témákról tudni érdemes (és amit jobb, ha nem tudsz)

Amit a WordPress témákról tudni érdemes (és amit jobb, ha nem tudsz)

A legtöbb WordPress téma számos beállítási lehetőséget nyújt. Belőhetjük a kedvenc színeinket, tetszőleges helyeken írhatunk át szövegeket, képeket és logókat tölthetünk fel, mindent formázhatunk.

És ez mind nagyon vonzó. Bárki tudja kezelni.

Csakhogy. (És ez egy elég nagy csakhogy.) Ennek az az ára, hogy minden belekerül a kódba, vagy külön letöltődik. Stíluslapi formázások (például ha valaminek beállítom, hogy nagyobb térközzel szerepeljen, más színnel jelenjen meg, kisebb (vagy nagyobb) betűvel íródjon) és minden egyes feltöltött kép alapból optimalizálás nélkül. És persze az egész témát támogató összes funkció és az óriási stíluslapok, amik ezt a rengeteg beállítást mind tartalmazzák. Hozzátevődik a nem megfelelő méretben beillesztett képek és a témát támogató logika függvények formájában.

Emiatt nem ritka akár a fél megabájtos stíluslap sem. Holott az, amit használunk belőle lehet, hogy nem haladja meg a 20 kilobyte-ot sem. Ugyan a böngésző ezt tömörítve küldi el (mintha zippel csomagolná), mégis mobilon rengeteget számít ez az extra teher.

Képek esetén: ha akár csak dupla akkora képet használok, mint amekkorára szükségem van, akkor négyszer akkora méretű képet kell letöltenie minden egyes látogatónak. (Több plugin sem figyel a képméretre vagy arra, hogy a felhasználó ezeket hogyan illeszti be.)

Azért 4x akkora, mert dupla szélesség és dupla hosszúság. A méret szempontjából ez 2×2. Ha meg valahol véletlenül tripla akkora szélességű képet töltök fel, akkor az 9-szer akkora méretű file-t eredményez. (Ha láttál már picinek tűnő fotót, ami vonalanként töltődik be, akkor pontosan tudod miről beszélek.)

Jajj, a képek!

Sok téma pont a fentiek miatt több méretben illeszti be a képeket, de ezek általában nincsenek a témához igazítva. Ez azt jelenti, hogy bekerül a kódba több verzióban és a böngésző választja ki a szerinte legoptimálisabb méretűt. Pl. ha a témában 900 pixel szélességű a tartalom, akkor alapbeállításokkal az 1024-es képet fogja betölteni.

Legyinthetünk, hogy az nem is olyan sok. Asztali gépen egyáltalán nem. De egy mobilon, amikor épp a metrón nézné valaki és nem tökéletes a jel? A fenti szabály szerint itt durván 29%-al lesz nagyobb a kép mérete, mintha 900-asra lenne beállítva. Ehhez hozzájön még az, hogy nincs optimalizálva. Ez azt jelenti, hogy ugyanaz a kép lehet fél megás vagy 300kB is. Extrém esetekben akár 70-80%-al is lehet csökkenteni a méretüket.

Az optimalizált képen egyáltalán nem látszik, hogy más lenne, mint a “normál”. Akár egymás mellé is lehet tenni a kettőt, nem lesz különbség. Csupán más tömörítést, más algoritmusokat használ. (Most hagyjuk a gagyi bővítményeket, amik veszteséggel dolgoznak.)

Ha átlag 50%-al nagyobb a kép, mint amekkora indokolt, akkor 1,50 x 1,29 = 1,935, azaz majdnem 2x akkora lesz a képméret. Így már nem is tűnik olyan kevésnek az a +124 pixel szélesség, ugye?

Ha a dupla méretű képpel számolom ki ugyanezt, akkor 1,5 x 4 = 6. Azaz 6x akkora lesz a méret. Ez már asztali gépen is feltűnhet.

Erre jönnek rá még a képformátumok is

Mivel a legtöbben nem ismerik ezeket előfordul, hogy nem a legmegfelelőbbet választják. Pl. egy .png-ben feltöltött fotó .jpg helyett gyakran 3x-5x akkora is lehet. Ezt akkor szorozzuk fel az előző 6-ossal (aminél egyébként láttunk már sokkal rosszabakat is) és már vakarhatjuk is a fejünket, hogy “miért tölt be ilyen lassan ez a weboldal?”

Egy rövid infó arról, hogy mihez mit érdemes használni:

  • fotókhoz .jpg, illetve a legújabb és még jobb a .webp (20-40%-al kisebb egy optimalizált .jpg-nél)
  • mütyűrökhöz .gif, .png, .webp (amelyik kisebb file-t eredményez) vagy a legtutibb az .svg

A legjobb megoldás: a vektor alapú képek

Míg egy normál kép minden egyes képpontot külön-külön meghatároz, addig a vektoros különböző pontokat köt össze egyenesekkel, vagy görbékkel. Könnyen el tudod képzelni, hogy mennyivel kevesebb tárolni két pontot, mint az egyenes minden egyes képpontját. (Valójában még több pontot is szürke árnyalatokkal, hogy szépnek lássuk, azaz ne legyen darabos.)

A másik előnye, hogy bármekkorára nagyítható így egy-egy kép. (Nem lesz “kockás”.)

Az is klassz, hogy bizonyos elemeket újra fel lehet használni. A formákat tetszés szerint el lehet nevezni és azt mondani, hogy abból több helyen legyen (akár elforgatva, vagy más színben).

Meg tudlak érteni, ha máris vektor alapú képeket szeretnél használni a weboldaladon, de még tudom fokozni. A különböző formákat több grafikánál is fel lehet használni és több grafikát akár egyetlen file-ban is lehet tárolni.

Kíváncsi vagy milyen sebességre képes az így elkészített grafika? Kapaszkodj meg: akár 2-300x-szor is gyorsabb lehet!

Ehhez a körhöz itt, például még 4 pontra sincs szükség. Két értékkel is meg lehet határozni: a középső koordinátáival és az ecset vastagságával.

Ezzel a módszerrel bármilyen forma kialakítható

Hol érdemes ezeket használni?

Szinte mindenhol. Nyitólap, logó, favikon (a pici ikon, ami a Chrome fülén jelenik meg), ikonok, hátterek (mint nálunk a lábléc), sőt fotók is szóba jöhetnek! Biztos láttál már képregényszerű arcképeket néhány weboldalon. Nos, azok is így készülnek!

Ha nálunk rendelsz vektor grafikákat, akkor biztos lehetsz benne, hogy a lehető legkisebb méretű, precíz, kézzel készített file-t fogsz kapni. (Ugyanis egybegyúrjuk neked, hogy a látogatóidnak ne kelljen 10-20 vagy akár 50 fájlt külön letöltögetniük, de megkapod őket külön-külön is, ha szeretnéd te is szerkeszteni.)

Oké, ez érdekel!

Meddig várnak a látogatók egy weboldal betöltésére?

Meddig várnak a látogatók egy weboldal betöltésére?

Az 5 másodperc már a múlté. 3 alatt még talán maradnak a látogatók.

Mielőtt azt hinnéd túlzok, hadd mutassak neked egy felmérést, amit a Google készített, még 2017-ben.

Hozzáteszem azóta inkább a 2 másodperc számít jónak, de még jobb, ha 1 szempillantás alatt betölt az oldalad.

Lepattanó látogatók esélye

A kép jelentése:

Ahogy a betöltési idő emelkedik

  • 1-ről 3 mp-re: a lepattanás esélye megnő 32%-al
  • 1-ről 5 mp-re: a lepattanó látogatás esélye megnő 90%-al
  • 1-ről 6 mp-re: a lepattanó látogatás esélye megnő 106%-al
  • 1-ről 10 mp-re: a lepattanó látogatás esélye megnő 123%-al

Mi az a lepattanó látogató?

A lepattanó látogató (bounce) azt jelenti, hogy a látogató az első oldal betöltése (vagy be nem töltése) után egyből távozik.

Ennek több oka is lehet:

  • Pocsék design
  • Lassú betöltés
  • Csak egyetlen oldalból áll a weboldal

Mennyit vesztek egy lepattanó látogatóval?

Ha pl. veszek 10 000 kattintást, darabját 50Ft-os áron, akkor elköltöttem 500eFt-ot. Ha a lepattanás 90%, akkor csak 10%-uk marad az oldalon, ami azt jelenti, hogy csak 1 000 ember nézelődött. Tehát így egy nézelődő valójában 500Ft-ba került.

Ha azonban a lepattanás értéke 70%, akkor kapásból megtripláztam a bevételeimet, mert 30%-uk maradt az oldalon, 10 helyett.

Azonban itt még nem áll meg a történet. Mivel az oldal gyors, így az emberek szívesebben kattintanak át új aloldalakra, így megnő az oldalletöltéseim száma is. Ez azt eredményezi, hogy többet olvasnak, jobban megismernek és megkedvelnek.

Ezért többen vásárolnak is, mivel jobban megbíznak bennem. Ha addig az 1000 emberből csak 1 vásárolt, akkor ezután lehet ez akár 10 is. Ez egy teljesen átlagos konverzió.

Gyakorlatilag eljutottam a 0 közeli bevételtől a profitot hozó weboldalig.

Az már csak a hab a tortán, hogy informáltabb vásárlók = kevesebb ügyfélszolgálat.

A Google is jobban szeret

Mivel a weboldalam gyorsabb így könnyebben kerülök előre a találati listában. Ez ugyanis az egyik fontos rangsorolási szempont, amit már 2010-ben bejelentettek. Így tegyük fel, hogy a weboldalam forgalma további (csak) 33%-al emelkedik (valójában ennél több szokott lenni).

Tehát összességében: ha nagyon lassú az oldalam, akkor az is előfordulhat, hogy a bevételeimnek csupán a 40-ed részét hozza.

Az Amazon letesztelte: ha 1 másodperccel tovább töltődnének oldalaik, akkor azzal évente 1,6 milliárd dollárt veszítenének.

Óriási a potenciál

Meglepő módon a MachMetrics adatai alapján az átlagos weboldal 2018-ban 8,66 mp alatt töltött be, holott az ajánlás 2 mp vagy kevesebb.

2018-as Google statisztika: a mobilozók 53%-a elhagyja az oldalt, hogy ha az tovább tölt, mint 3 másodperc.

Az átlagos letöltés szintén a MachMetrics-nél olvasható: 1,88 MB.

Mennyi az ajánlás? 0,5 MB!

A Te weboldalad mennyi idő alatt tölt be?

3 ingyenes eszközt is ajánlok ennek tesztelésére:

  • GTmetrix – az egyik legjobb, rendszeresen fejlesztik
  • WebPageTest – többször is leteszteli az oldalt, választható helyszínekről és eszközökről
  • Page Speed Insights a Google-től.

Amit érdemes figyelni: a betöltési idő. Az osztályzatok inkább csak iránymutatók. Egy C-s oldal is lehet gyorsabb, mint egy A-s, de ha valaki D-t vagy akár F-et kap valamire, ott biztos, hogy bőven van teendő.

Mennyi ennek a weboldalnak a sebessége?

1 mp, még Kanadából is:

Honlap sebesség teszt

Úgy érzem ez elég gyors egy teljes képernyős háttérrel.

Ugyanez a sablon a WordPress alapbeállításaival (gyorsítás nélkül):

Lassabb WordPress sablon

A Google által ajánlott Request (hány fájlt tölt be az oldal): 50 vagy kevesebb. A kevesebb nyilván jobb. A WordPress szeret sok felesleget betölteni. Jellemzően olyan fájlokat is, amiknek az adott oldalhoz semmi közük nincs.

Ennél persze jóval “vadabb” sablonok is léteznek, amik kapásból 5 mp betöltéssel indítanak.

Szeretnéd, hogy feltuningoljam a Te weboldalad is?

Kapcsolat

19 WordPress statisztika, ami garantáltan meg fog lepni

19 WordPress statisztika, ami garantáltan meg fog lepni

Összegyűjtöttem néhány meglehetősen lenyűgöző statisztikát arról, hogy valójában mennyire befolyásolja az internetet ez a nyílt forráskódú tartalomkezelő-rendszer (CMS).

1, A WordPress már több, mint 26%-át hajtja a weboldalaknak

2019 májusában 26.4%-on állunk a WordPress.com és a w3techs adatai alapján. Ez azért lenyűgöző adat, mert régebben csak egy ismeretlen kis CMS volt a WP. A sikernek az oka az a páratlan sokoldalúság, amely lehetővé teszi, hogy a WordPress (a kis személyes blogoktól, a kisvállalkozói weboldalakon át a Fortune 500-asokig) szinte bármilyen bloghoz használható.

2, A felhasználók 41,7 millió új bejegyzést és 60,5 millió új megjegyzést írnak havonta

Ez 1390 000 új hozzászólás naponta, 57 916 óránként, és 965 percenként! Tekintettel arra, hogy egy átlagos hozzászólás 300 szó körüli, szinte 300 000 szóról beszélünk, amelyet percenként írunk a WordPress segítségével.

3, A WordPress 132 millió spam üzenetet kap havonta

Az Akismet-statisztikák azt mutatják, hogy az egy hónap alatt generált spam-hozzászólások száma 24-szer magasabb, mint a valós megjegyzéseké. Más szóval, a WordPresst 132 millió spammer bombázza. Szerencsére az Aksimet törli a spam 99,9%-át.

4, Több mint 1,1 millió új WordPress domain fél évente

Egy (tavalyi évében végzett) globális CMS használati felmérésből kiderült, hogy a WordPress 6 havonta további 1,1 millió domainért felelős. A felhasználók szeretik a kényelmet és szinte erőfeszítés nélkül létre tudják hozni az online jelenlétet.

5, A WordPress-re 2,7 milliószor keresnek havonta

A KWFinder egy megbízható kulcsszó-elemző eszköz. Ennek adatai azt mondják, hogy a „WordPress” kulcsszót havonta 2,740,000-szer keresik a világ minden tájáról érkező emberek. Képzelheted, hogy a teljes keresési mennyiség sokkal több lenne, ha minden releváns hosszabb kifejezést belevennénk a számításba.

6, A WordPress dominál a Google-ben, 583 millió találattal

Igen, ez közel 600 millió WordPress-hez kapcsolódó keresési eredmény a Google-ben. Összehasonlításképpen, a “szex” 1.670.000.000 eredményt ad, ami valójában nem annyival több, ha utána gondolsz.

7, A WordPress messze a leghasználtabb CMS

A W3techs által összeállított információk szerint a WordPress 59,4%-os piaci részesedéssel rendelkezik. A második legnépszerűbb CMS a Joomla, 6%-al messze elmarad.

8, Az összes WordPress tartalom 71%-a angol

Ugyanez az oldal azt is elmondja, hogy az angol a leggyakrabban használt nyelv a WordPress tartalomíráshoz. A spanyol a második 4,7%-al, az indonéz pedig harmadik 2,4%-al.

9, A WordPress 62 nyelven elérhető

A WordPress fordítási honlapjának gyors áttekintése azt mutatja, hogy 62 nyelv lett 100%-ban lefordítva.

A rendelkezésre álló nyelvek száma 162. Kíváncsi vagyok, hogy mennyi ideig fog tartani, amíg a WordPress gyakorlatilag minden létező nyelven elérhető lesz.

10, A WordPress-t többen látogatják, mint a Twitter-t

Havi 131 millió egyedi látogató. Ez több, mint a Twitter, ami havonta “csak” 114 millió egyedi látogatót kap, ahogy azt az Automattic mérte.

11, A WordPress-nél 500x kevesebb munkatárs van, mint az Amazon-nál

Igazán csodálatos, amit a WordPress csupán 460 alkalmazottal el tudott érni. Sőt, ezek az alkalmazottak a világ különböző pontjain élnek, és teljes mértékben távmunkában dolgoznak.

12, A WordPress felhasználók másodpercenként 6 új bejegyzést írnak

Ha megnézed a WordPress.com tevékenységét, észreveheted, hogy a világ minden tájáról származó bloggerek másodpercenként körülbelül 6 új bejegyzést tesznek közzé.

13, Az átlag WordPress fejlesztő 49 185 dollárt keres

A Payscale.com-on elérhető statisztikai információk megmutatják, hogy az átlagos WordPress webfejlesztő egy kicsivel kevesebb, mint 50 000 dollárt keres (USD).

14, Jelenleg több, mint 55 ezer plugin létezik

A Plugin Directory jelenleg 55 003 bővítményt sorol fel, már a 1,5 milliárd letöltést is túllépve!

Vita tárgyát képezi, hogy a WordPressnek nem kellene-e aktívabban fellépnie a használhatatlan vagy elavult pluginek számának csökkentésében. Mindazonáltal biztos lehetsz benne, hogy ha problémába ütközöl, vagy valamihez megoldásra van szükséged, akkor jön a klasszikus „van egy plugin ehhez” mondás.

15, Több mint 60 millióan választották “otthonuknak” a WordPress-t

Az 5.2-es verziót például 14 809 669-en töltötték le, amikor ezt írom. Nézd meg a letöltés számlálót, mennyire gyorsan változik.

16, Az Akismet több, mint 100 milliárd spam megjegyzést blokkolt

Az Akismet a WordPress legnépszerűbb bővítménye. A 100 milliárd mérföldkövet még 2013-ban sikerült elérni.

17, A WordPress áll a Top 1000 weboldal 30.3%-a mögött

Ha azt veszem, hogy ez egy ingyenes tartalomkezelő rendszer, ami extrém teljesítményeknek is meg kell feleljen, akkor ez a szám egészen megdöbbentően magas. Persze a nagy weboldalak már nem az alap beállításokkal dolgoznak, mindenképpen igénybe vesznek weboldal gyorsítási szolgáltatást is. Enélkül képtelenség az élbolyba kerülni.

18, A WordPress oldja meg a Google feltérképezési problémáinak 80-90%-át

A Google webspam csapatának korábbi vezetője, Matt Cutts elmondta, hogy „a WordPress-szel épített webhelyek magasabban állnak a rangsorban a keresési eredmények között, mert ez a CMS a Google feltérképezési problémáinak 80-90%-át gondozza.” Ez azt jelenti, hogy a WordPress igazán SEO-barát.

19, Az egyik WordPress témát több, mint 30 millió dollár értékben vásárolták meg (eddig)

A ThemeForest prémium WordPress témákat és beépülő modulokat kínál. A legnépszerűbb és leginkább megvásárolt WordPress témája az Avada. Ez 60 dollárba kerül, és több mint 517 000 példányban értékesítették. Ez azt jelenti, hogy eddig több mint 30 millió dollárt kerestek vele.

Összefoglalás

Remélem, hogy a 19 legérdekesebb WordPress statisztika segített abban, hogy új ismereteket szerezz ezzel a befolyásos CMS-sel kapcsolatban. A WordPress egy weboldal megoldás, amely több millió blog és weboldal tulajdonosnak segített elérni céljaikat.

Megleptek a WordPress ezen statisztikái? Hagyj egy üzenetet!

Kapcsolat

KKV mobilbarát weboldal statisztikák

KKV mobilbarát weboldal statisztikák

Mit jelent a mobilbarát weboldal?

A mobilbarát weboldal azt jelenti, hogy a weboldal egyaránt használható asztali gépről, tabletről és mobilról (okostelefonról).

A mobilbarátot más szóval reszponzívnak mondják.

Mennyire fontos, hogy a weboldal mobilbarát legyen?

Piszkosul fontos, mégpedig röviden ezért:

  • Az emberek már lassan többet simogatják a mobiljukat, mint a párjukat. A függőségek egyre egyértelműbbek és erősebbek. (Statisztikák lentebb.)
  • A Google a találati lista elkészítésekor figyelembe veszi (pontozza), hogy mennyire felhasználóbarát mobilon egy weboldal. Nyilván nem szeretnének olyan weboldalakat megjeleníteni a kereséseknél, amiket a felhasználók gyorsan be is zárnak.

Mobil nézet

Statisztikák mobilbarát témakörben

  • Akinek van internete, annak 80%-ban van okostelefonja is. (Smart Insights, 2017) Ehhez nem is kell statisztika, nyilván neteznek rajta. Elég körbenézni Budapesten egy metrón, hogy hányan használják.
  • Ezt a legtöbb KKV már felismerte: 2019-ben a weblappal rendelkező kisvállalkozások 94%-a mobilbarát
  • A reszponzivitás önmagában nem elég. Mobilon a látogatók 53%-a elhagyja az oldalt, ha az tovább tölt, mint 3 másodperc. Minden töltődéssel elpocsékolt mp csökkenti a konverziót 12%-al. (Google, 2018) A konverzió lehet pl. vásárlás; hírlevél feliratkozás; átkattintás egy másik, fontos oldalra; a kosárba pakolt termékek kifizetése (vannak, akik pont a célnál morzsolódnak le). Többek között ezért fontos a weboldal gyorsítása.
  • 2018-as adat: A világ online forgalmát 52.2%-ban már a mobil teszi ki. Előző évben ez 50.3% volt. (Statista, 2018)
  • A cégek 73%-a fektet design-ba, hogy megkülönböztesse a márkáját (Adobe, 2018)
  • A vásárlók 91%-a látogatott el egy üzletbe az online élménynek köszönhetően
  • 37% használja az internetet legalább 1x havonta arra, hogy megtaláljon egy üzletet
  • A Google 2016-os adatai szerint, azon falhasználók 68%-a, akik helyi keresést végeznek a telefonjukon el is mennek oda 24 órán belül. Közel 50% még aznap vásárol is.
  • A legnépszerűbb reszponzív weboldal motor a WordPress, ami 2019 májusi adatok szerint az összes website 26.4%-át hajtja. Már nem csak KKV oldalakat, hanem Fortune 500-as vállalatokét is, mint a Sony Music vagy akár a Forbes blog.

Kisvállalkozói weboldal statisztika források

Képek forrása: Google Developers