Använd googles egna mobilvänlighetstest du hittar på https://www.google.com/webmasters/tools/mobile-friendly/?utm_source=wmc-blog&utm_medium=referral&utm_campaign=blog-nav.
För att göra din sida mobilvänlig skall du helst undvika tables. De går att använda men min erfarenhet är att det blir betydligt enklare med div istället samt bootstrap. Med bootstrap lägger du en adress i headern på sidan samt en sträng som talar om för webbläsaren att den skall anpassa sig efter fönstret på enheten besökaren använder. Kan se ut så här:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> för stylesheet och så här för att hålla sidan innanför fönstret: <meta name="viewport" content="width=device-width, initial-scale=1">
En annan sak som ökar din pr samt träffar är laddningshastigheten. För att minska tiden det tar att öppna din sida vill google gärna ha all stylesheet uppe i headern.
Du ser mer om detta ute på https://getbootstrap.com/css/
Även Bing har ett verktyg du kan använda för att se din hemsida går att se på mobilen. Se mer här>>>
Chroome har ett tillägg för din webbläsare du kan använda
Den visar hur mobilvänlig sidan du besöker är.
thinkwithgoogle
Visar
hur snabb och mobilvänlig sidan är.
När det gäller wordpress(blogg) tycker jag WPtouch Mobile Plugin fungerar bra. Du söker detta tillägg under tillägg i panelen, väljer "lågg till nytt tillägg" och skriver sedan "WPtouch Mobile Plugin" i sökfältet.
pagespeed.web.dev
Är en annan sida som mäter hur fort sidan öppnar sig i webbläsaren och ger förslag på hur du kan förbättra den.
ready.mobi
Jag vet inte hur mycket du skall lita på denna. Verkar inte som om den läser css eller säkrade sidor med https ordentligt. Kan i alla fall ge dig lite idéer på sådant som går att förbättra.
responsimulator.com
Detta är en simulator du använder för att se hur sidan ser ut på både iPhone samt iPad.
mobiletest.me
Ger dig apple iPhone5, HTC one, Nokia Luma, Samsung Galaxy Y, Google nexus 7 samt iPad Mini att testa sidan på.
responsinator.com
Ger dig chansen att testa sidan på iPhone 5 portrait · width: 320px, iPhone 5 landscape · width: 568px, iPhone 6 portrait · width: 375px, iPhone 6 landscape · width: 667px, iPhone 6 Plump portrait · width: 414px, iPhone 6 Plump landscape · width: 736px, Android (Nexus 4) portrait · width: 384px, Android (Nexus 4) landscape · width: 600px, iPad portrait · width: 768px samt iPad landscape · width: 1024px.