Med mobil internetsurfning inställd på att överträffa traditionell datoranvändning av internet redan 2014, enligt forskning som rapporterats av marknadsföringsteamet på Smart Insights, blir det mindre problem att ha en webbplats som visas korrekt i en mobil miljö. lyx för dagens företag och mer av ett “måste”.
Och när det kommer till att skapa och lansera en mobilvänlig version av innehållet på din webbplats har du några olika alternativ. Du kan:
- Skapa en separat mobilversion av din webbplats som finns på din “m.domain.com”
- Använd ett plugin för att automatiskt skapa en mobilversion av din webbplats i farten
- Utveckla och publicera en mobilapplikation som innehåller samma information som din webbplats.
- Använd en responsiv webbdesignmall som ändrar storlek baserat på ett antal olika kriterier.
Låt oss titta på vart och ett av dessa alternativ mer djupgående…
Fristående versioner av mobilwebbplats
Att lansera separata versioner av din webbplats innebär att du skapar två separata kopior av din webbplats: en som finns på din huvudadress och en annan som utlöses för att visas på din underdomän “m.domain.com” när din webbplats upptäcker att den visas i en mobil webbläsare. . Tyvärr finns det två huvudproblem med detta tillvägagångssätt:
- Separata webbplatsversioner tillåter dig bara att skapa en version av en mobil webbplats, vilket inte kommer att hjälpa dig när det gäller att ta emot det stora utbudet av olika digitala enheter som används idag. Låt oss säga att du designar den mobila versionen av din webbplats så att den ser bra ut på iPhone 5. Det är bra för vissa användare, men att göra det löper den verkliga risken att fjärma surfplatta- eller smartphoneanvändare med olika skärmstorlekar.
- Att utveckla webbplatsversioner över flera webbadresser är inte idealiskt ur SEO-synpunkt. Bing har uttalat sig tydligt för enstaka URL-lösningar, och även om Google har varit mer försiktig i ämnet, är det lätt att se hur det är mindre komplicerat att optimera en version av webbplatsen och ger färre möjligheter till fel än att optimera flera versioner av webbplatsen .
Plugins för mobila webbplatser
Eftersom versioner av mobilwebbplatser inte är ett bra alternativ, hur är det med plugins för mobilwebbplatser? Verktyg som “WP Touch” är fritt tillgängliga och tar mycket av besväret med att skapa mobilsajter genom att du kan installera enkel programvara och automatiskt aktivera versioner av mobilsajter som visas korrekt i flera olika miljöer.
Ur ett SEO-perspektiv är detta ett mycket starkare alternativ till att skapa separata webbplatser för mobila enheter. Det finns dock en viktig svaghet du bör vara medveten om med plugins för mobilwebbplatser: förlusten av viktiga varumärkeselement.
Ta en titt på följande WP Touch Pro-hemsidabanner:
Även om skrivbordet är väldesignat och välmärkt med distinkta typsnitt och färgscheman, förlorar det mobila gränssnittet all denna visuella dragningskraft. Medan WPTouch och liknande verktyg erbjuder möjligheten att kontrollera vissa visuella element, kommer de inte i närheten av att replikera din skrivbordswebbplats, vilket gör att ditt företag förlorar kraften som en välmärkt webbnärvaro erbjuder.
Mobil applikationsutveckling
Så om det är så komplicerat att visa innehållet på din datorwebbplats korrekt i en mobil miljö, varför inte hoppa över processen helt och helt enkelt publicera din webbplatsinformation via en mobilapp?
Tja, inte så snabbt… En studie från Pew Research Center från oktober 2012 fann att 60 % av webbanvändarna skulle föredra att läsa nyheterna i sina mobila webbläsare, snarare än genom webbappar:
Även om studien endast tog upp mediekonsumtion, är det säkert att säga att med tanke på denna påvisade preferens för att läsa text genom mobila webbläsare, bör mobilappar aldrig betraktas som en verklig ersättning för mobilwebbplatsversioner.
Responsiv webbdesign
Det sista alternativet, och det som de flesta webbanvändare och SEO:er föredrar, när det gäller att skapa mobilwebbplatser är något som kallas “responsiv webbdesign.”
I grund och botten är en responsiv webbdesign en webbplatsdesign som automatiskt ändrar sina visningsparametrar, beroende på vilken typ av enhet som visar webbplatsen. Om en webbplatsbesökare kommer till webbplatsen med hjälp av en stationär dator, visas webbplatslayouten i sin fulla bredd. Men om webbplatsen upptäcker att den visas på en mobil enhet, anpassar den sig automatiskt för att visas korrekt i den nya webbläsaren.
Detta beror på närvaron av två viktiga delar av teknik: vätskenätet och CSS3-mediafrågor.
Medan många webbplatser är designade på basis av fasta pixlar, vilket innebär att layouten har en inställd bredd som inte kommer att ändras oavsett var den visas, använder responsiva webbplatslayouter en “vätskenät. ”Vätskenät representerar ett framsteg jämfört med tidigare vätskedistributionsdesigner, eftersom de är utformade i proportioner snarare än godtyckliga procentsatser. När du använder flytande rutnät ändras din webbplatslayout automatiskt i storlek enligt den proportionella förändringen i skärmupplösningar.
Naturligtvis kan proportioner bara ta dig så långt. Om din webbplats använder en layout med tre kolumner, kommer storleken på din webbplatslayout till en 300 pixel mobil webbläsarskärm att resultera i en ganska smal layout.
Det är där CSS3 media frågor I synnerhet använder responsiva webbdesigner den minsta bredd mediefrågan, som tillåter webbplatser att villkorligt visa olika uppsättningar av CSS baserat på webbläsarens upptäckta storlek. Till exempel kan frågor konfigureras för att utlösa olika CSS-regler när webbläsare under 320px, 480px, 600px, 768px, 900px eller 1200px upptäcks, vilket står för de flesta av de olika skärmstorlekarna som är tillgängliga på dagens stationära och mobila enheter. .
För att fortsätta med vårt tidigare exempel på layout med 3 kolumner, genom att kombinera det flytande rutnätet med mediefrågor, kan designers sätta en “brytpunkt”, där stilen på webbplatsen förändras dramatiskt. Istället för att ändra storlek på layouten med 3 kolumner till en annan skärmstorlek, tillåter mediefrågor designers att byta till en enkolumnslayout så snart det har fastställts att layouten inte längre visas korrekt.
Och det bästa av allt, eftersom allt detta sker från en enda webbplatsdesign, finns det ingen av SEO-problemen som annars skulle uppstå från att visa dessa olika versioner på separata webbplatsunderdomäner.
Responsiv webbdesign är inte en perfekt lösning, men det är det bästa vi har just nu. Enligt Jeffrey Veen, författare till “The Art and Science of Web Design”:
“Dag för dag växer antalet enheter, plattformar och webbläsare som behöver fungera med din webbplats. Responsiv webbdesign representerar en grundläggande förändring i hur vi bygger webbplatser för det kommande decenniet.”
För att skapa en responsiv webbplatsversion har du två olika alternativ. Du kan:
- Byt till ett förbyggt responsivt tema (som är allmänt tillgängligt via tjänster som ThemeForest), eller
- Anlita en webbutvecklare för att skapa en responsiv version av din nuvarande webbplats.
Att byta till ett responsivt tema är det billigaste alternativet, men det kan innebära att du förlorar några av varumärkeselementen som finns i din nuvarande webbplatsdesign (eftersom att ersätta ditt tema eller mall innebär att du ändrar en helt ny design från grunden). Om du inte är engagerad i din nuvarande webbplatsdesign, kan detta vara ett utmärkt sätt att hålla nere kostnaderna samtidigt som det passar mobila webbplatsanvändare.
Å andra sidan, även om det kan vara dyrare att anlita en webbutvecklare för att anpassa koden för den nya versionen av din responsiva webbplats, är kostnaderna ofta värt det för att spara på utvecklingshuvudvärk och bevara webbplatsens varumärke. så svårt att skapa. .
Det spelar egentligen ingen roll vilket av dessa två responsiva webbdesignalternativ du väljer, så länge du väljer! Mobil webbnavigering och responsiv webbdesign är framtidens väg. Riskera inte att tappa mobilbesökare på din webbplats eftersom du är tveksam till att dra avtryckaren på denna kraftfulla typ av teknik!
Bild: MattsMacintosh
