Mobilbarát teszt és WordPress

Angol nyelvterületen ebben a hónapban sok helyen volt vezető hír, hogy a mobilbarát weboldal e hó 21-től rangsorolási tényező lett. Nálunk alig számoltak be róla, csak néhány portál foglalkozott a hírrel. Pedig a Google szerint nagyobbat szól, mint a Pingvin és a Panda.

A lényeg. 21-én útjára indult az új algoritmus, világszerte egyidőben. A lefutására kb. 1 hetet mondtak,  majd módosították, hogy talán tovább tart.  Az algoritmus a mobiltelefonos kereséseket érinti.

Az indítás után 1 nappal kezdtek a nemzetközi fórumokon szállingózni a hírek, egyesek 10-20% közötti javulásokról számoltak be a mobil kereséseknél, mások szerint alig történt változás. Mi sem érzünk nagyobb változásokat, de ha ennek az algoritmusnak a futása is hetekig elhúzódik, mint a Pingvin 3, még lehet nagy bumm.

Ha nem tudjuk, hogy mobilbarát-e a weboldalunk, itt ellenőrizhetjük le.

https://www.google.com/webmasters/tools/mobile-friendly/?hl=hu

Ha nem mobilbarát, javítsuk a hibákat.

Több weboldal esetén tapasztaltuk, hogy  az egyik legnépszerűbb bővítmény kiveszi a weboldalt a mobilbarát honlapok köréből, ha a sablonban nincs külön definiálva. (Könnyen lehet, hogy 1-2 frissítés után már nem így lesz, de most még ez a helyzet.)

Ez a bővítmény a Contact form 7.

Az alábbi rövid css kód style.css fájlba illesztésével pillanatok alatt kiküszöbölhetjük ezt a problémát. (Persze a kódon ízlés szerint lehet módosítani.)

@media only screen and ( max-width: 479px ) {
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="file"],
.wpcf7-captchar,
.wpcf7 textarea,
.wpcf7-form {
padding-top: 6px;
padding-bottom: 6px;
margin-top: 6px;
margin-bottom: 6px;
max-width: 98%; }
p {
font-size: 106%;
line-height: 110%;}
}