- Hozzászólások: 1
- Köszönetek: 0
Hogyan lehet mobilbarát egy weboldal?
- Mona
-
Témaindító
- Nem elérhető
- New Member
-
Yootheme responzive sablonokat használok a weboldalaimhoz, a Google tesztoldalán (www.google.com/webmasters/tools/mobile-friendly/) viszont az az eredmény minden esetben az, hogy nem mobilbarát az oldal. Úgy tudom, hogy a robot.txt-ben kell törölni ezt a három sort és mobilbarát lesz az oldal: disallow: /templates/ disallow: /plugins/ disallow: /moduls/.
viszont hiába törlöm ezeket, akkor is ugyanúgy nem mobilbarátként hozza ki az oldalakat a teszt.
Van ötletetek, hogy mit lehetne csinálni?
Köszönöm!
Jelentkezz be, hogy te is részt vehess beszélgetésben!
- Balázs
-
- Nem elérhető
- Adminisztrátor
-
Nem tudom, hogy a Google ilyen esetben ad e ki pontos hibalistát, vagy javaslatot, de érdemes átolvasni a saját irányelveiket a mobilbarát weboldalalakkal kapcsolatban.
Ha bizalmas információt szeretnél közölni az adminokkal, akkor tedd az üzeneted tartalmát a [ confidential ][ /confidential ] címkék közé (szóközök nélkül).
Joomla! tanácsadás, oktatás, fejlesztés - joomlabs.hu
Jelentkezz be, hogy te is részt vehess beszélgetésben!
- Zotius
-
- Nem elérhető
- Platinum Member
-
Melyik oldal érdemli ki a mobilbarát jelzőt?
A Google nyilatkozatában azt is közölte, mely weboldalak érdemlik meg a mobilbarát címkét:
- Az első és legfontosabb, hogy nem használnak olyan megoldásokat, amit a mobileszközök nem tudnak kezelni, ilyen a Flash például
- Olyan szövegmérettel dolgoznak, amely a mobilon is olvasható nagyítás nélkül
- A tartalmat a képernyőmérethez igazítja, így a felhasználónak nem kell vízszintesen görgetnie, vagy nagyítania
- A linkeket olyan távolságra helyezi el egymástól, hogy azt könnyedén lehessen érinteni.
Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot

Skype: zotius
Jelentkezz be, hogy te is részt vehess beszélgetésben!
- Zotius
-
- Nem elérhető
- Platinum Member
-
# Disallow: /images/
# Disallow: /modules/
# Disallow: /plugins/
# Disallow: /templates/
Kíváncsian várom, mikor fog megjelenni a találati listában a "mobile-friendly" címke...
Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot

Skype: zotius
Jelentkezz be, hogy te is részt vehess beszélgetésben!
- Motoros
-
- Nem elérhető
- Premium Member
-
- Hozzászólások: 112
- Köszönetek: 14
addons.mozilla.org/hu/firefox/addon/wcag-contrast-checker/
A szabadban sokszor alig látni valamit...
Jelentkezz be, hogy te is részt vehess beszélgetésben!
- Zotius
-
- Nem elérhető
- Platinum Member
-
Az általad adott link a web akadálymentesítési szabványának ( WCAG 2.0 ) való megfeleléshez nyújt segítséget, nem kifejezetten a „mobilbarát” megfelelést segíti, a kontrasztok mértékét számolgatja.Motoros írta: Esetleg további figyelmetekbe ajánlom még:
addons.mozilla.org/hu/firefox/addon/wcag-contrast-checker/
Az bizonyára hasznát veszi, akinek az akadálymentességet kell teljesítenie.
Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot

Skype: zotius
Jelentkezz be, hogy te is részt vehess beszélgetésben!
- Motoros
-
- Nem elérhető
- Premium Member
-
- Hozzászólások: 112
- Köszönetek: 14
Valahogy mindenki átlépi azt a problémát, hogy ami otthon a szobában vagy egy grafikai stúdió irodájában jól látható. Ha strandon. buszmegállóban, szőlőben hívják le sokszor alig-alig vagy egyáltalán nem látható.
De beteszek pár további linket, ami érdekes lehet - hogy a mobilt használók felhasználói élményét kielégíthessétek:
Ez elég régi verzió, de azt mutatja, milyen gyorsan vagy lassan töltődik be az oldalad mobilon, illetve javaslatot is tesz hogy mit kellene javítani. Valamint rendelkezésre bocsájt esetlegesen egy javított, optimalizált állomány amit csak fel kell töltened a régi helyett.
gtmetrix.com/reports/vuf.hu/KLAYD7Dg
Ez a Google sebesség vizsgálója, hasonló az előzőhöz 0-100-as skálán értékeli a sebességet és a mobilos megjelenést:
developers.google.com/speed/pagespeed/insights/?url=vuf.hu
/* a rendszer gyorsítótárazás bekapcsolásával leszorítható a szervar válaszideje 0,3 másodperc alá! */
Ez is egy elég részletes jelentést ad a weblap teljesítményéről:
freereports.zoompf.com/r/33eaf757d7624fb...37c78e29/report.html
/* pár éve részletesebb és szájbarágósabb volt */
És ami nem mobilbarát megjelenéshez kapcsolódik ám mégis érdemes időnként megvizsgálni például az itt található szerszámokkal:
www.powermapper.com/products/sortsite/
Különböző szabványok, böngészők stb szerint elemzi a honlapot - kijelzi a html, css hibákat. Törött linkeket...
Jelentkezz be, hogy te is részt vehess beszélgetésben!
- Zotius
-
- Nem elérhető
- Platinum Member
-
- Hasznosítsa a böngésző gyorsítótárazását.

Az itt felsorolt javascriptek esetében azt hozza fel problémának, hogy "a lejárat nincs meghatározva". Ezen pedig végképp kiakadtam:
"Az oldalon 20 gátló szkriptforrás és 14 gátló CSS-forrás van, amelyek késleltetik az oldal megjelenítését.
Az oldal hajtás feletti tartalmának semennyi részét sem lehetett megjeleníteni anélkül, hogy várakozni kellene a következő források betöltésére. Próbálja késleltetni vagy aszinkron módon betölteni a gátló forrásokat, vagy foglalja be közvetlenül a HTML-be e források kritikus részeit.
Távolítsa el a megjelenítést gátló JavaScriptet:
(url)/media/system/js/mootools-core.js
(url)/media/system/js/core.js
(url)/media/system/js/mootools-more.js
(url)/media/system/js/modal.js
(url)/media/jui/js/jquery.min.js
(url)/media/jui/js/jquery-noconflict.js
(url)/media/jui/js/jquery-migrate.min.js
(url)/media/system/js/caption.js
(url)/media/jui/js/bootstrap.min.js
(url)/libraries/gantry/js/browser-engines.js
(url)/templates/gantry/js/rokmediaqueries.js
(url)/templates/gantry/js/load-transition.js
(url)/…enu/themes/default/js/rokmediaqueries.js
(url)/…roknavmenu/themes/default/js/sidemenu.js
(url)/…roksprocket/assets/js/mootools-mobile.js
(url)/…roksprocket/assets/js/rokmediaqueries.js
(url)/…com_roksprocket/assets/js/roksprocket.js
(url)/…nents/com_roksprocket/assets/js/moofx.js
(url)/…t/layouts/features/assets/js/features.js
(url)/…uts/features/themes/showcase/showcase.js
"
Nos, manapság a weboldalak (köztük a Gantry-s Joomla rendszerek) létezni sem képesek a sok js nélkül. Ugyan hogyan lehetne ezeket eltávolítani?! (A trendi megjelenéshez sok honlapnál látható slider-eket esetleg még lehet cserélni statikus dekorációra, de az már más kérdéskör, hogy hogyan találjuk meg az arany középutat a dizájnos megjelenés és a lehető legoptimálisabb oldalfelépítés között.)
- Optimalizálja a következő képeket Ezen elcsodálkoztam, hiszen a felsorolt képek .jpg-k, eleve tömörítettek. Ugyan mit lehetne még tömöríteni rajtuk? Esetleg a tömörítési arányt, de az viszont nem "lossless" lesz, és romlik a kép minősége...


Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot

Skype: zotius
Jelentkezz be, hogy te is részt vehess beszélgetésben!
- Motoros
-
- Nem elérhető
- Premium Member
-
- Hozzászólások: 112
- Köszönetek: 14
A szerver kiszolgálónak van 1 .htaccess állománya...
Vagy php kóddal bővíthető a forrás állományban.
Erre vedd az irányt
Jelentkezz be, hogy te is részt vehess beszélgetésben!
- Zotius
-
- Nem elérhető
- Platinum Member
-
Találtam némi segítséget a beállítására, most próbálgatom.If you have access to the main server configuration file (usually called httpd.conf), you should add the logic from the .htaccess file in, for example, a
section in the main configuration file. This is usually the recommended way, as using .htaccess files slows down Apache!
Kiegészítés: Most látom, hogy a gantry sablon gyökerében van egy .htaccess fájl, tartalma:
#Experimental htaccess to help optimize for tools such as YSlow
#If available, set the expires to 'far future'
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType application/x-javascript "access plus 1 week"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/ico "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 month"
ExpiresByType text/css "access plus 1 week"
ExpiresByType text/html "access plus 1 day"
ExpiresByType text/plain "access plus 1 week"
ExpiresByType video/x-flv "access plus 1 month"
</IfModule>
#Turn off ETags
FileETag none
Épp a gyorsítótárazás miatt. A PageSpeed Insights viszont épp a css-ek lejáratát hiányolja. Ezek szerint ez a .htaccess hatástalan? Tegyem át a site gyökerében lévőbe ezeket az utasításokat?
Folytatás:
Beraktam a gyökérben lévő .htaccess-be a következőket, mindjárt az elejére:
<IfModule mod_headers.c>
<filesMatch "\.(gif|jpg|jpeg|png)$">
Header set Cache-Control "max-age=2419200"
Header set Expires "Thu, 15 Apr 2112 20:00:00 GMT"
</filesMatch>
</IfModule>
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType text/html "access plus 1 seconds"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 month"
ExpiresByType text/css "access plus 1 month"
ExpiresByType text/javascript "access plus 1 month"
ExpiresByType application/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
</IfModule>

Ha hasznos volt a hozzászólásom számodra, nyugodtan megnyomhatod lent a „Köszönet” gombot

Skype: zotius
Jelentkezz be, hogy te is részt vehess beszélgetésben!