octonoveads@gmail.com

Domenenavnet du velger bør være enkelt å huske, uttale og oppfatte. Unngå kompliserte kombinasjoner av ord og rare stavemåter. Hvis du har en bedrift bør du først og fremst registrere bedriftens merkenavn, men det kan også være lurt å sikre seg egne produktnavn eller naturlige søkekriterier slik at du er lett å finne på disse også. Domenenavnet bør ikke være for langt men kort og presist slik at det er lett å huske for alle, men selv om et domenenavn bør være kort, så må det ikke gå på bekostning av det som er naturlig. no eller .com? Noe annet kanskje? Enkle og fengende domenenavn er de beste, og om du skal ha .no, .com eller kanskje noe helt annet kommer litt ann på dine egne ambisjoner. Vil målgruppen din være norsk er det mest naturlig å gå for et .no-domene (som privatpersoner også nå kan registrere). Har du internasjonale ambisjoner er det mange valg å gå for, .com er det mest vanlige og kjente, men å gå for noe annet som .co, .org, .media, .guru, .wtf, .ninja og så videre er helt greit i dag. Domenenavn trenger ikke ha så mye å si i oppstarten. Det viktigste er hva du bygger opp rundt domenenavnet. Vær kreativ! Bruk hjelpeverktøy og synonymordbøker for brainstorming Det er flere måter å bli inspirert på. Test for eksempel synonymordbøker for å finne lignende ord eller kanskje domenenavn-generatorer. Det er sjelden generatorene gir deg svaret, men de kan gi deg pekepinner som fører deg i riktig retning. Finn på et nytt ord som domenenavn Som det blir nevnt i punkt 1. Du kan finne på et nytt ord også. Tenk gjerne på vanlige ord i dagligtalen som er fengende, et nyere eksempel er for eksempel tjenesten Vipps fra DNB. Men det finnes generatorer som Wordoid som genererer tulleord for deg, som ofte kan gi deg inspirasjon til et domenenavn du vil registrere. Prøv å kombinere to ord (YouTube), blande to forskjellige ord sammen (Microsoft), tweake et ord (Flickr), ta en ord å legge på en prefix eller suffix (Shopify), eller bare finne på noe nytt. Tenk søkemotoroptimalisering og nøkkelord Om domenenavnet består av ord som er likt tjenesten eller firmaet ditt er det en absolutt fordel (duh!). Konsekvent bruk av et sett faste ord som beskriver det du holder på med er viktig for identiteten din ovenfor Google og hvordan de skal gjenkjenne deg og det du gjør. Eksempelvis: “kul.no – vi selger kule produkter for kule folk. Last ned appen vår kul-app.”. Banalt men viktig for søkemotoroptimalisering. Ting du må passe på Unngå for generelle domenenavn, da får du problemer i søkemotorer. Eksempelvis om domenenavnet ditt er stol.no ettersom det er svært mange andre sider som konkurrerer om dette ordet. Din egen identitet er viktig. Husk at du også kanskje skal bruke domenenavnet på epostaddresser, og da må det høres og se ut slik som du ønsker. Unngå å registrere domenenavn som er svært lik andres domenenavn, det kan føre til at dine brukere ender opp på helt andre sider om dette ikke er tydelig. Jo eldre et domenenavn er, jo ofte mer kudos hos Google. Tenk derfor over om dette er et domenenavn du skal ha over lengre tid. Unngå bindestreker, det fører ofte til forvirring. Æ, Ø, eller Å i domenenavnet? Tenk på om målgruppen din er norsk. Bruker du Æ, Ø, Å gjør du det utfordrende for utenlandske brukere å finne deg og ikke minst å skrive domenenavnet ditt i addressefeltet. På ti minutter kan du allerede være i gang med en moderne nettsideløsning og kanskje et kult domenenavn? Trykk her

Ofte når webdesignere og utviklere bygger opp nettsider må det fylles opp med innhold. Stort sett har man aldri innhold klart på forhånd, men for å få en følelse av hvordan sidene vil bli med innhold må man legge inn testinnhold. Man kan bruke kjedelige metoder som å lage et grått bilde i photoshop i ønsket størrelse, eller man kan benytte seg av såkalte dummy-image-generators når man driver med webdesign. Vi har samlet de kuleste dummy-image-generatorene som gjør det bittelitt morsommere å legge inn testinnhold på nettsiden du lager. Slik gjør du: For alle eksemplene under endrer du bare på tallene i addressen og limer inn i addressefeltet for ønsket størrelse. Det første tallet er bredde, det andre er høyde. Så eksempelvis dette: http://www.placecage.com/gif/500/250, blir til dette (500px i bredde og 250px i høyde): PlaceCage – Denne har ulike varianter som gråfarge, GIF, crazy og rolig. Eksempler: Avslappet Nic Cage: http://www.placecage.com/200/300Gråtone: http://www.placecage.com/g/200/300Sprø Nic Cage: http://www.placecage.com/c/200/300GIF: http://www.placecage.com/gif/200/300 BaconMockup – Glad i bacon? Denne har også HTTPS. Eksempler: Vanlig baconbilde: http://baconmockup.com/300/200Eller HTTPs: https://baconmockup.com/300/200 FillMurray – For enhver webdesigner som elsker Bill Murray! Eksempler: Rolig: http://fillmurray.com/200/300Gråtone: http://fillmurray.com/g/200/300

Når man er utvikler er det å velge seg ut en teksteditor nesten som et politisk standpunkt. Hver editor har sine ulemper og fordeler, og enhver utvikler du prater med har sin favoritt. Selv liker vi Sublime Text 2 veldig godt. Sublime Text 2 (3-eren er i betaversjon) er stilren, lesevennlig og pen. Faktisk er en av hovedargumentene for å bruke Sublime Text at den er veldig clean. Det er ingen konfigurasjonsvinduer og ingen toolbars du må mestre for å komme i gang. Dette gjør at det er enkelt å begynne å kode med en gang. Men ønsker du mer kraft, så kan Sublime Text 2 definitivt levere det også. Sublime Text 2 ser lik ut på alle plattformer som Windows, OSX, og Linux, noe som er fordelaktig om du benytter deg av forskjellige plattformer. Egenskapen som er den Sublime Text kanskje er best kjent for er minikartet som fyller en høyrestilt kolonne. Denne kan du raskt og effektivt bruke til å hoppe til gjenkjennelige punkter i koden ved bruk av musen. Ellers er Sublime Text 2 veldig tastaturorientert. Noe av det kuleste med Sublime Text 2 er søkefunksjonen. Du kan bruke søkefunksjonen til å åpne hvilken som helst fil i prosjektet ditt. Når du skriver i søkefeltet kan du søke på tvers av filer og linjer kode ved å trykke CTRL + P. Som betyr at du kan eksempelvis skrive “index:100” for å hoppe til linje nummer 100 i filen index.html. Det finnes andre søkeparametre du etterhvert vil lære deg som gjør det utrolig effektivt å hoppe til korrekt sted i kildekoden når du har behov for det. Algoritmen er smart og vil spare deg for mye tid. Det finnes også et system for plugins som heter Package Control. Package Control gjør det mulig å finne små tilleggsprogrammer som gjør livet ditt enda enklere når du jobber i Sublime Text 2. For eksempel om du ønsker deg et tillegg som gjør en opptelling av antall ord så finnes det en liten plugin som gjør nettopp dette.Dermed kan Sublime Text bli enda kraftigere når det også er åpning for å bruke tilleggsprogrammer som blir laget av andre. Du kan også bruke søkefunksjonen til å spore opp tillegg du måtte ha behov for. Sjekk ut: Du finner Sublime Text 2 her. (3 er også tilgjengelig i beta.)

Vi har samlet tre forskjellige gratis-verktøy du kan teste, som gir deg en visuell rapport over nettstedets plusser og minuser. For å få oversikt over hvordan ditt nettsteds helsetilstand er kan du bruke en rekke verktøy for å få en diagnose. I hovedsak handler det om å se hvor godt nettstedet presterer på synlighet på Google, mobilvennlighet, innhold, bildebruk, kodekvalitet, hvor tung nettsiden er å laste, og så videre. ‍De ulike verktøyene er gratis med noen begrensninger, ofte har de en betalt versjon som gir enda flere muligheter. Du kan også eksportere rapportene til PDF. 1. Site Analyzer 2. WooRank 3. Nibbler Psst! Dersom du trenger en lekker klar-til-bruk søkemotorvennlig og responsiv blogg eller hjemmeside med .no-domene uten alt stresset, sjekk her

Webdesign har endret seg kraftig på de siste ti årene. Allikevel er det mange som ikke har klart å henge med i tiden. Her er 10 enkle tips du kan gjøre for å komme i gang. 1. Design sidene i gråfarge og legg på farge til slutt Bruk ulike varianter av grått når du skisserer og wireframer opp designet til nettstedet ditt. Legg så forsiktig på farge på et element om gangen i ettertid. Dette er en metode som forhindrer at nettstedet blir overdesignet, og hjelper deg å designe med og for innholdet, og ikke på bekostning av det. 2. Bruk webfonter Sørg for at du har konsistent bruk av fonter både på hjemmesiden og alle andre steder. Finn lisensierte webfonter og bruk disse gjennomgående både digitalt og eventuelt på trykk, det er nemlig ikke alle fonter som er godkjent eller har lisens for bruk på web, og konsistent typografi er viktig. Google Fonts er en god start for å finne webfonter. 3. Bruk Keynote eller Powerpoint til wireframes Du trenger ikke kjøpe lisens på MockFlow, åpne Photoshop eller andre verktøy for profesjonell wireframing og skissering av nettsider og apps. Ofte har man Officepakken eller Keynote installert uansett, og disse fungerer helt greit til å lage effektive skisser, både enkle applikasjoner til større løsninger med flere visninger. 4. Fjern sosiale medier-ikoner Dersom du markedsfører Facebook og Twitterkontoene dine veldig synlig på nettstedet ditt anbefales det å flytte linkene ned i footer. Man vil gjerne gi brukeren en sjanse til å titte seg litt rundt på nettstedet før man henviser dem ut av nettstedet igjen. 5. Dropp karusellen på forsiden Dropp forsidekarusellen. Tidligere var det ansett som en god metode å bruke karusell på forsiden for å få plass til flere budskap. Dette er nå utdatert tankegang da brukere ofte ikke bruker lang nok tid på forsiden til å bry seg om karusellen, og trykker heller derfor ikke på den. Sett fokus på det absolutt viktigste øverst. Den viktigste call-to-actionen du har, og heller bytt den ut jevnlig. 6. Forenkle navigasjonsmenyen Det er fortsatt enkelt å tenke at så lenge det er plass så kan man dytte alt opp i navigasjonsmenyen. Dette virker mot sin hensikt. Forenkle navigasjonen så mye som mulig. Jo færre valg, jo flere klikk. Fjern dropdown-menyer og spesielt multi-dropdowns som bare består av enda flere valg. Lag navigasjonslinker hvor det er naturlig at brukeren vil ha behov for dem, for eksempel i bunnen av sider for å lede brukeren videre til neste relevante innhold. 7. Fjern sidekolonner / sidebars Det har vært en ti år gammel trend å benytte seg av sidekolonner, eller ‘sidebars’ på nettsider. Spesielt blogger har plassert innhold som kategorier, stikkord og arkiv i sidekolonner på artikler, mens flere nyhetssider nå i moderne tid har større positive erfaringer med å legge slike ting i bunnen av artikkelen. Fjern derfor sidebars, så vil brukeren mest sannsynlig konsentrere seg mest om innholdet som skal konsumeres. 8. Ta egne fotografier Du har mest sannsynlig en moderne mobiltelefon med et relativt kraftig kamera i lommen. Fotografer dine egne høyoppløste bilder av natur, tekstur, landskap og bybilde til bruk som bilder og grafikk på nettstedet ditt. Det er svært lavterskel, og du kan både få bedre resultater og spare mye penger på dette. 9. Kom deg bort fra datamaskinen Jobber du med design og struktur er det lett å låse seg fast til digitale verktøy. Her er ofte analoge verktøy raskere å jobbe med. Bruk blyant og papir for å skissere, tegne og planlegge. Er du med flere kollegaer, bruk et whiteboard til å tegne opp tankene. Det er raskt og enkelt å viske ut og forbedre underveis. 10. Øk fontstørrelsene Å lese tekst på skjerm er generelt anstrengende for øynene. Ta en vurdering på om fontstørrelsene burde være større for å øke lesevennligheten. For femten år siden var det moderne at fontene var så små og minimalistiske som mulig. Nå handler alt om lesevennlighet og å gjøre alt enkelt for brukeren. Brødtekst/artikkeltekst er lesevennlig når det er ved ca 15-16px tekststørrelse. Husk å sjekke lesevennligheten på mobil, tablet og desktop.

Er du usikker på hvor synlig Google vurderer nettsiden din å være, hvilke utfordringer de ser og hva du kan gjøre for å forbedre sidene? Google Search Console (tidligere Webmaster Tools) er et verktøy Google har laget for å få en generell oversikt over helsestatusen til nettsiden din. Det er et kraftig verktøy som oppdateres jevnlig med ny funksjonalitet for å gi deg en bedre oversikt. Tingene du kan sjekke med Google Search Console er blant annet: Søkeanalyse hvor du kan analysere resultatene dine på Googlesøk med filtrering og sammenligningsmuligheter. Antall feil i HTML-koden med direkte henvisning til hvor de kan fikses Døde linker på sidene dine og andre link- og serverfeil Google oppdager som må fikses Hvor mobilvennlig sidene er i henhold til Googles ønsker og krav Om du bruker nettstedskart og robots.txt-filer Midlertidig fjerne treff du ikke ønsker på Googles resultatlister (Om du ikke fjerner siden permanent, eller filtrer den bort med robots.txt vil den til slutt dukke opp igjen) Be Google indeksere sidene dine på nytt (Nyttig om du har gjort store endringer på struktur, sider, innhold, design og mer, men også for mindre endringer.) Her kan du se en introduksjonsvideo om Google Search Console Slik installerer du Google Search Console (Webmaster Tools): ‍ Logg inn på http://www.google.com/webmasters/tools med en Google-konto som skal ha tilhørighet med din nettside. Når du har logget inn – trykk på «add a site» / «Legg til en egenskap». Skriv inn addressen til din nettside ok trykk OK. Nå må du verifisere at du eier nettsiden du forsøker å legge til. Anbefalt metode er å laste ned en HTML-verifiseringsfil Google gir deg på denne siden. Last ned filen, lagre den på datamaskinen, et sted du finner den igjen. Last opp filen til hovedmappen nettsiden din er i. Samme sted hvor du finner index.html eller index.php. Når dette er gjort går du tilbake til installasjonssiden til Google Search Console hvor du lastet ned HTML-filen og trykker på «Bekreft». Har du gjort alt riktig vil du nå få bekreftelsesmelding og du kan begynne å bruke Google Search Console med linken i toppen (Webmaster Tools) Det kan ta et par dager til en uke før du får inn all data Google vil begynne å samle inn om nettstedet ditt. Så er du i gang. ‍

Søkemotoroptimalisering ved bruk av redaksjonelle metoder. Hvordan kan du som nettredaktør, blogger eller innholdsprodusent gjøre innholdet ditt mer synlig? Psst! Dersom du trenger en lekker klar-til-bruk søkemotorvennlig og responsiv blogg eller hjemmeside med .no-domene uten alt stresset, sjekk her Innledning Søkemotoroptimalisering, eller SEO, handler om å få innholdet til å bli mer synlig hos søkemotorer. I tillegg handler det om å være mest mulig relevant samtidig som innholdet man lager ligger så høyt oppe som mulig i resultatlistene hos søkemotorene. Helst vil man være mer synlig enn alle andre, spesielt eventuelle konkurrenter. For å søkemotoroptimalisere websidene dine kan du dele opp prosessen i to kategorier. Teknisk og redaksjonell. Dette innlegget skal konsentrere seg om den redaksjonelle delen av søkemotoroptimalisering og vil gi deg tips for hvordan du skal tilpasse innholdet i din rolle som innholdsprodusent, journalist, blogger, community manager og tilsvarende. Teknisk søkemotoroptimalisering vil vi dekke i et eget innlegg senere. ‍NB #1. Vi ønsker at dette skal være et levende oppslagsverk, så om du har innspill, korrigeringer eller påpekninger – gi veldig gjerne beskjed så gjør vi eventuelle endringer i artikkelen! ‍NB #2. Merk at når vi sier søkemotoroptimalisering fokuserer vi i hovedsak på Googles søkemotor og ikke Bing eller Yahoo! som på langt nær har samme trafikknivå som førstnevnte, foreløpig. Hurtigmeny for redaksjonell søkemotoroptimalisering (SEO): 1. Nøkkelord 2. Titler og beskrivelser 3. Innholdstekst (brødtekst) 4. Bilder, illustrasjoner og bildebruk 5. Video 6. Sosiale medier og spredning 7. Linking og backlinking 8. Verktøy for søkemotoroptimalisering ‍ 1. Nøkkelord Artikkelen eller websiden du ønsker å gjøre synlig må ha konsekvent språk og ordbruk. Dette betyr at du må tilpasse ditt innhold til det brukere kan søke på, ved å ha god og relevant ordbruk. Dersom du skriver en artikkel om ‘hageredskaper’, bruk dette ordet konsekvent fremfor å i tillegg bruke ord som ‘verktøy’ eller ‘utstyr’ om det samme. Med mindre du skriver nisje-innhold som består av tunge faglige begreper, unngå å bruke slikt ved å fokusere på å skrive mest mulig forståelig og lesevennlig for mottakeren. Ikke gå i NAV-skjemafellen. ‍Kort forklart: Ikke bruk mange forskjellige ord som betyr det samme. Bruk konsekvente begreper, og gjerne velg ut et fokus-nøkkelord som skal være den røde gjennomgående tråden i teksten din. Google skjønner at ‘søkemotoroptimalisert’, ‘søkemotoroptimalisering’, ‘søkemotoroptimalisere’ er det samme ordet. Endingene er mindre viktige, gjør språket naturlig. 2. Titler og beskrivelser Bruk forklarende, enkle og gode titler til innholdet ditt. Gjerne start titler med temaet / ordet du ønsker å utrede om i innholdet som kommer under. Eksempelvis kunne en god tittel være ‘Hageredskaper du trenger til sommeren’. ‘Åpne med ordet som er relevant, og forklarer videre hva artikkelen skal handle om. Google skanner i gjennom alle ord på en side og ser hvilke som går mest igjen, og da er blant annet det som står i titlene dine det som blir prioritert høyt når Google skal gjøre en helhetsvurdering av innholdet. Da må du huske å få med nøkkelordet i tittel. Med beskrivelser mener vi ingresser i selve artikkelen, og metabeskrivelser som vises når artikkelen blir delt rundt på ulike plattformer. Ingressen bør også inneholde nøkkelord, og ikke være for lang. Det er en støttetekst som utreder tittel, og her bør man få inn nøkkelord, men også ha en litt ‘selgende’ attitude ovenfor budskapet man ønsker å formidle. Hvorfor skal brukeren lese videre? Her er det din jobb å overbevise. For Twitter og Facebook kan man benytte seg av metatitler og metabeskrivelser for å kunne tilpasse titler og ingresser til det forskjellige publikumet på de ulike plattformene. Kort forklart: Bruk nøkkelord i titler og ingresser. Flytt gjerne ordet først i tittel så er det tydelig fra start hva artikkelen eller siden handler om. Forsøk å holde tittel-lengde på over 50, men under 70 tegn, slik sikrer du at tittelen blir vist i sin helhet uten å bli avkuttet pga for lang lengde i søketreffene. Ingress (metabeskrivelse) burde du forsøke å holde til maks 150 tegn, så er du sikker på at Google ikke kutter av teksten. På mobil er grensen 120 tegn. Titler er teknisk definert som h1 og ingress + undertitler pleier være h2 og h3 i HTML-en på siden din. Gjerne dobbelsjekk at dette er riktig med teknisk ansvarlig hos deg. 3. Innholdstekst (brødtekst) Innholdsteksten må bestå av godt språk, og som nevnt over, konsekvent begrepsbruk. Her er det en balansegang hvor man må forsøke å holde innholdet lettleselig og organisk, slik at innholdet ikke oppleves kunstig for brukeren. Men Google er interessert i å finne kjernen i hva du skriver om, og da må du gjøre ditt beste for å forklare det like godt for Google som for til bruker. I noen tilfeller er det vanskelig å finne god balansegang hvor innholdet oppleves genuint men samtidig korrekt i henhold til hva Google leter etter, da må man i disse tilfellene jobbe på brukernes premisser fremfor Google. Bruk gjerne punktlister, link gjerne til eget og relevant innhold som kan gjenbrukes til konteksten, bruk visuelle virkemidler som store bilder, sitater, sosiale medier-poster og flere lignende virkemidler. At innholdet er attraktivt og appellerende både visuelt og strukturelt gjør at bruker lettere forblir på artikkelen fremfor å finne andre treff, og ikke minst deler den videre i sine sosiale nettverk. Google ranker selvsagt populært innhold høyere. Skriv passe langt. Med mindre du driver tung dybdejournalistikk og i hovedsak er orientert rundt rike historiefortellings-artikler, så er 300-500 ord passe lengde som en generell regel. Kort forklart: For brødtekst, hold deg til rundt 300-500 ord. Bruk nøkkelord konsekvent. Bruk rike medier som bilder, video, sitater, innebygde poster fra sosiale medier, infografikk og visualiseringer og så videre. Helst fra egne kanaler. Forsøk å gjøre teksten like lesevennlig på stor PC-skjerm som liten mobilskjem. 4. Bilder, illustrasjoner og infografikk God bildebruk er viktig for å kunne supplere tekst med noe visuelt, og bidrar til å gjøre innholdet attraktivt. Google er opptatt av at artikler også består av bilder, og at bildene er optimalisert for alle type skjermstørrelser, universell utforming, og i formater og … Read more

Dette er siste oppdaterte bildestørrelser for bruk til design- og grafisk endring på Twitterprofilen din. Januaroppdatering 2016: ‘ Twitterbilder postet i twitterposts er ikke lenger kuttet ned til horisontalvisning, men har nå kvadratisk visning. Les mer på Twitters blogg. Twitter coverbilde: 1500 x 500 Bildestørrelse: 1500 x 500Format: .png .gif .jpg Twitter profilbilde: 400 x 400 Bildestørrelse: 400 x 400Format: .png .gif .jpg Twitter bilde i tweet: 1024 x 1024 Bildestørrelse: 1024 x 1024Format: .png .gif .jpg Twitter profil-bakgrunnsbilde: 1280 x 1024 Bildestørrelse: 1280 x 1024Format: .png .gif .jpg

For oss som har vært opptatt av web og webdesign så har arngren.net vært et fascinerende syn på den norske web-en i mange år. Om du ikke har kjennskap til denne bautaen av dårlig webdesign fra før så er altså selve siden en butikk for kjøp av gadgets som droner, ATV, elsykler, radiostyrte biler og lignende, og har vært online siden 2003. Det artige er at den ikke har forandret seg siden den gang verken teknisk eller visuelt, og det man ender opp med å se på når man besøker siden er ekte internett-historie. Det ser med andre ord ikke spesielt pent ut, noe som også blir bekreftet internasjonalt. Men det har også blitt nettopp gimmicken til Arngren, også her til lands. Psst! Dersom du trenger en lekker klar-til-bruk blogg eller hjemmeside med .no-domene uten alt stresset, sjekk her Hva gjør man når man har arngren.net som en del av vår norske internett-kulturarv? Jo vi sjekker selvfølgelig om sidene er søkemotoroptimalisert i henhold til dagens standard. (fnis.) Websidetittel (title-tag) Jepp – Arngren har sørget for å fikse tittel til siden sin. <title>-tagen er på plass. Men tittelen nevner ikke navnet Arngren med et ord. Det burde den strengt tatt gjøre.</title> Title-tag: ATV, drone, elbil, elsykkel, rc helikopter, ATV, robot, elatv Metabeskrivelse (meta-description) Arngren har sikret seg metabeskrivelse på sidene sine også, dog bærer de preg av slik man gjorde SEO i ‘gamle dager’. Stappet med nøkkelord. Slik fungerer det jo ikke helt lenger. Den kunne med fordel også vært kortere. Den er på 237 tegn, når anbefalt er 150-160 tegn. Meta-description: mip, elatv, el-atv, atv, mip robot, robot, mercedes barn, elbil til barn, el-bil til barn, mercedes elbil, drone, mip robot, robot, elsykkel, el-sykkel elbil, el scooter, elscooter, el-scooter, rc helikopter, rc bil, rc fly, rc produkter Header-tags (h1,h2,h3) Det brukes faktisk ingen som helst h-tags på arngren.net. Dette bryter helt klart med dagens standarder. H-tags: Bruk h-tags til overskrifter i teksten. Ideelt sett sier man at h1 i HTML-koden skal være til hovedtittel for siden. h2 er for hoved-undertitler, og h3 for nivået titler under dette igjen. Google gjennomgår alle disse når de indekseres og bruker informasjonen til å forstå hva sidene handler om. I dette tilfellet skjønner ikke Google helt hva Arngren forsøker å si på sidene sine. Robots.txt Det eksisterer faktisk en robots.txt-fil! Den henviser dog kun til sitemap.xml og har ellers ingen andre anvisninger. Får godkjent for å i det hele tatt ha den med. Robots.txt:http://arngren.net/robots.txt Sitemap.xml test Pluss til arngren.net for å ha sitemap – men sitemapet viser kun hovedsiden og henviser ikke videre til en eneste underside (som det tross alt er noen av) Aiai. Sitemap.xml:http://arngren.net/sitemap.xml Alternativ-tekst (alt-text) på bilder Etter en sjekk kan vi avsløre at av totalt 634 bilder, så har kun 7 av dem en alternativ tekst. Kort fortalt – Google hater deg her, og om du skulle være så heldig å ikke kunne se Arngrens nydelige webdesign på grunn av synsbegrensninger, så får du ikke sett stort som gir mening med skjermleser heller. Alt-text: Alle bilder skal ha alternativ-tekst! Alternativ-tekst er ikke bildetekst, men en suppleringstekst som beskriver hva som er illustrert på selve bildet. Den skal være kort og forklarende. Hensikten er at alle mennesker med begrensninger i syn, eller blinde når de bruker skjermlesere skal forstå hva som er på websidene når de ikke kan se bilder. Da må man supplere med en tekst som erstatning. Google selv sier dette er viktig på grunn av universell utforming. Mer her: Hva er alt-text? HTML-test Aaaaah. Øynene mine brenner. Sa noen clean-code? I kildekoden til Arngren.net kan man oppleve antikviteter som <font> og <br soft=””>, jeg håpet å finne <blink> også men den gang ei.Som funfact på slutten validerer forsiden til herlige </blink></font>1038 errors på W3C Markup Validation Service. Da er alle undersider unntatt dette tallet. HTML: Bruk header-tags, all CSS og javascript skal i separate filer, og koden må være lett å lese både for mennesker og maskiner / robotene til Google. Derfor skal man se på HTML-en som et hierarki med innrykk og korrekt bruk av tags. Følg HTML5-standard. CSS-test Wow. Her er det hele 1662 linjer med CSS stappet inn i HTML-markupen. Noe som definitivt ikke er i henhold til dagens standarder.  Nå snakker vi! CSS: Her burde all CSS være flyttet over i separate filer for å unngå høy lastetid, lettleselig kode og for å være forberedt på fremtidige oppdateringer og eventuelle utfasinger av standarder på HTML og CSS. Mobilvennlighet / Responsivt Jeg tror vi trygt kan si at arngren.net ikke er særlig mobilvennlig. Mobilvennlighet / Responsivt: Arngren.net er dessverre like mobilvennlig som et sykkelstativ. Bruk Googles eget verktøy for mobilvennlighet og sjekk din egen webside. Der får du et inntrykk av hvordan Google indekserer dine sider. Lastetid (Tregheter på siden) Her trodde jeg det faktisk skulle være enda verre. Men arngren.net laster inn på ca 13 sekunder fullt ut, dette er selvfølgelig helt forferdelig. Lastetid: Gjennomsnittlig lastetid for en webside er ca 4-5 sekunder men her handler det om å få dette tallet ned så mye som mulig gjennom å optimalisere kode, mediefiler som bilder og vedlegg, kryptere, og cache innhold og så videre. Jo lavere lastetid jo mer kudos hos Google. Konklusjon og oppsummering Som forventet var det ikke mye SEO-love å hente hos Arngren.nets unike webbutikk. Allikevel håper vi innerst inne at disse tingene aldri blir løst. Det er en webside oss gamle travere alltid har flirt litt av og hatt et nostalgisk forhold til, og den har en tendens til å dukke opp igjen og igjen i alle mulige diskusjoner og situasjoner. Rett og slett ekte norsk digital kulturarv. All takk til Arngren for å ha tilført dette unike stykke kunst på det norske internettet. Vil du starte en blogg eller hjemmeside for deg eller bedriften din kan du få optimalisert, responsiv og enkelt oppsett ved å bruke Webhusets Web Site Builder. Det knyttes automatisk opp mot ditt ønskede .no-domene og er både søkemotorvennlig og mobilvennlig.

Bildestørrelser i sosiale medier endrer seg kontinuerlig i tråd med nye designendringer. Lurer du på hva som er optimale bildestørrelsene til bruk på Facebooksiden din? Her er en oversikt. Trykk på bildene for full størrelse. Facebook coverbilde på personlig profil: 851 x 315 Bildestørrelse: 815 x 315 piksler Format: .png24 Facebook profilbilde: 180 x 180 Når bildet er lastet opp vises bare 168 x 168 på grunn av en hvit ramme som vil dekke over kantene på profilbildet, så sørg for å holde viktig innhold sentrert i bildet. Bildestørrelse: 180 x 180 piksler Format: .png24 Bildepost i statusoppdateringen: minimum 470 x 470 Bildestørrelse: 470 x 470 piksler Format: .png24 Linkpost med thumbnail i statusoppdateringen: 470 x 246 Bildestørrelse: 470 x 246 piksler Format: .png24 Facebook coverbilde på grupper: 784 x 250 Bildestørrelse: 784 x 250 piksler Format: .png24 Facebook coverbilde på pages: 828 × 315 Bildestørrelse: 828 x 315 piksler Format: .png24 Facebook coverbilde på events: 784 x 294 Bildestørrelse: 784 x 294 piksler Format: .png24 Facebook startbilde for video: 1200 x 675 Bildet kan ikke inneholde mer enn 20% tekst. Bildestørrelse: 1200 x 675 piksler Format: .png24 ‍ Er det noen vi ikke har tatt med? Gi oss beskjed så legger vi dem inn i oversikten!