Etikettarkiv: responsiv webbdesign

Fräscha upp ditt företags närvaro på webben

Tiden går fort när man har roligt och saker och ting förändras. Är det kanske dags för nya projekt, kunder eller utmaningar? Oavsett vad så är det en bra idé att se till att hålla ditt företags närvaro på webben fräsch och uppdaterad inför vad som komma skall. Följ nedanstående tre steg för att fräscha upp ditt företags webbnärvaro.

1. Snygga till din egen sajt

Börja med att städa upp din egen hemsida för att hålla den uppdaterad och levande.

    • dammsugareKorrekturläs textstycken och blogginlägg
      Kika igenom sajten noggrant för att försäkra dig om att all information fortfarande är aktuell.
    • Kontrollera länkar och bilder
      Gå igenom länkar och bilder och försäkra dig om att samtliga stämmer överens med textinnehållet på sidan och leder dit dem ska.
    • Se till att din sajt ser bra ut i besökarnas webbläsare
      Ta hjälp av Google Analytics för att ta reda på vilka webbläsare dina besökare använder. Testa sedan att din sajt ser bra ut i dessa webbläsare och deras olika versioner.

2. Se över ditt rykte på nätet

Googla ditt eget företagsnamn för att se vad som finns skrivet om dig på nätet. Förhoppningsvis är det fina recensioner, men har du mot förmodan fått negativa omdömen någonstans är det en god idé att bemöta dessa och höra dig för om vad som gått snett.

3. Underlätta för dina besökare

Se till att det är enkelt för dina besökare att hitta till din sajt, genom att exempelvis:

    • Uppdatera din företagsinformation på olika söksajter (hitta.se, eniro.se, etc).
    • Registrera ditt företag på Google Maps om du har ett fysiskt kontor eller en fysisk butik. Det underlättar för kunder som vill besöka dig IRL men ger dig också bättre ranking i Google’s sökmotor.
    • Sökmotoroptimera din sajt för att rankas så högt upp i sökmotorer som möjligt och på så vis öka chansen för potentiella kunder att hitta dig. Ta del av våra SEO-tips på bloggen »
    • Mobilanpassa din sajt genom att t.ex. använda responsiv webbdesign som anpassar din sajt efter vilken enhet den besöks ifrån. Google rankar sedan april i år mobilanpassade sajter högre, vilket kan vara en anledning att testa. (Tips! Använd Google Analytics för att se hur stort antal mobilbesökare din sajt har, det kan bli ytterligare en motivationsfaktor till att mobilanpassa.)

4. Håll ordning och reda

En ordentlig rensning av mailinkorgen är superbra att göra då och då för att effektivisera ditt arbete. Sträva efter att alltid ha en så tom inkorg som möjligt genom att t ex försöka svara på inkommande mail så fort som möjligt, ta bort eller arkivera mail som du inte längre behöver och att sortera övriga mail i undermappar och färgmärka de som kan behövas framöver.

Bilden är lånad från Flickr-användaren Lucas och har modifierats.

Dela: Facebooktwittergoogle_pluslinkedinmail

Två sätt att göra responsiva tabeller på din sajt

Att bygga en sajt som automatiskt anpassar sig efter mobil, surfplatta eller fullstor datorskärm innebär en del utmaningar. En av dem är tabeller. Här beskriver vi dels hur vi har löst det, men visar också en alternativ lösning om du har ännu bredare tabeller än vad vi har på Loopia.se. (Lär mer responsive web design här för att få koll på grunderna i hur du skapar responsiva tabeller).

Första steget är självklart att sätta bredden på tabellen och cellerna till ett procentvärde istället för ett fast värde. Men i väldigt många fall räcker inte detta om tabellen har många kolumner.

The Loopia-way

Om du besöker vår sajt via mobilen eller drar ned storleken på ditt webbläsarfönster så ser du att vi har valt att släcka den första kolumnen (med radrubriker), och istället visa rubrikerna ovanför varje cells innehåll som du kan se på bilden nedan. Vi har också minskat storleken på texten något.

Se exempel på detta på loopia.se/webbhotell.Bild som visar en av Loopias responsiva tabeller.

Om du har ännu större tabeller

Lösningen ovan fungerar bra för oss eftersom vi inte har några riktiga mastodont-tabeller. Vi har dock hittat en ganska trevlig lösning för dig som har tabeller med riktigt många kolumner. Här behålls istället kolumnen med radrubriker och låses, medan resten av kolumnerna går att skrolla mellan i sidled.

En del av översikten går tyvärr förlorad på mindre skärmar med den här lösningen, men det känns som en rimlig kompromiss.

Se exempel på denna lösning och hur du själv kan använda det på dina sajter.

responsive_table_alt2

Har du någon annan bra lösning för hur man hanterar tabeller med responsiv design? Tipsa gärna i kommentarerna.

Vill du skapa en mobilanpassad hemsida?

Med relativt enkla medel kan du skapa en egen mobilanpassad sajt, genom något av de hemsidesverktyg vi erbjuder. Läs mer om hemsidesverktygen, och missa inte övriga inlägg om mobilanpassad webbdesign på vår blogg.

Dela: Facebooktwittergoogle_pluslinkedinmail

25% mobila besökare på responsiva Webbkomet.se

Du har väl inte missat att Webbkomet.se funkar lika bra i mobilen eller surfplattan som på datorn? Anledningen är att sajten är byggd med så kallad “responsive web design” som automatiskt anpassar sajten efter storleken på webbläsaren (prova att ändra fönsterstorleken på sajten så ser du vad som händer).

Vi surfar mer och mer på både mindre och större enheter än en “vanlig” dator (t ex kommer 25% av besökarna på Webbkomet.se från mobila enheter). Självklart vill vi då inte zooma in och ut tills fingrarna blöder, eller mötas av en begränsad mobilsajt och tvingas växla över till “desktop-läge” för att göra det vi kom för. Med responsive web design kan du som sajtägare se till att dina besökare får en bra upplevelse oavsett vilken enhet de använder.

Bara början på Loopias responsive-satsning

Webbkomet.se lanserades i slutet av sommaren, och självklart är detta bara starten på Loopias responsive-satsning. Bakom kulisserna påbörjade vi för en tid sedan arbetet med att göra om alla våra sajter. Det är ett omfattande arbete som kräver stora förändringar av framför allt kundzonen för att fungera oavsett skärmstorlek. Räkna dock mer att vi kommer snacka betydligt mer om “responsive web design” här på bloggen framöver :).

Dela: Facebooktwittergoogle_pluslinkedinmail