octonoveads@gmail.com

Har du kanskje planer om å lage instruksjonsvideoer, eller trenger du kanskje å vise noen hva som skjer på skjermen din uten at de har fysisk mulighet til å være tilstede? Her er noen gratisprogrammer. Det finnes flere gratisprogrammer som lar deg ta opp det som skjer på skjermen din, og her er en kort liste over de mest kjente. Camtasia Studio Kanskje det største og mest kjente gratis-verktøyet for å ta opp video fra skjermen. Flere avanserte muligheter som effekter, overganger, markeringer og lydredigering. Relativt brukervennlig og dekker de aller fleste behov for å lage eksempelvis instruksjonsvideoer og lignende. TinyTake Veldig lite og lett program, tar bilder eller video fra skjermen din. Enkelt og greit. Det har også mulighet til å direkte laste opp til Youtube om du bruker dette. Ellers er det enkelt å ta videoen du lager fra TinyTake og bruke det videre i et kraftigere program om du ønsker å redigere. Open Broadcast Software En avansert versjon av TinyTake. Her har du også muligheter til å streame live gjennom for eksempel Youtube eller Twitch, noe som gjør at du kan ha dine egne webinar eller kurs du sender fra kontoret ditt eller hjemmefra.

Når du limer inn en link fra ditt eget nettsted i en statusoppdatering, er du misfornøyd med informasjonen som Facebook forhåndsviser? Som du kanskje allerede vet kan du endre tekst og bilde direkte i forhåndsvisningen på statusoppdateringen du skal poste. Da løser du problemet hos deg selv. Men hva skjer når noen eksterne deler linken? Jo de får opp forhåndsvisningen Facebook selv velger ut, noe du ikke får styrt selv via kun Facebook.Men – dette kan du såklart fikse. – Hvis du alltid får opp feil bilde eller informasjon når du skal dele en link fra nettstedet ditt må du sjekke markupen på nettstedet ditt. Her er feltene du trenger. – Dersom du bruker WordPress kan du også styre dette via utvidelsen Yoast SEO som vi har skrevet litt om her. For å løse problemer med hvordan sider og artikler ser ut når de limes inn i en statusoppdatering har Facebook utviklet et hjelpeverktøy som heter Facebook Object Debugger. Dette verktøyet kan du bruke til å se hvilke felter Facebook mangler for å forhåndsvise linkene dine slik du ønsker. Men Facebook Object Debugger har også en annen nyttig funksjon. Et eksempel kan være at du har skrivefeil i tittelen på innlegget ditt for eksempel, og når brukere deler linken på Facebook så kommer skrivefeilen med. Du fikser feilen i publiseringssystemet ditt, men det som skjer er at Facebook har allerede mellomlagret den gamle informasjonen, så selv om du fikser alt i ditt publiseringssystem, så vil fortsatt den gamle tittelen din med skrivefeil dukke opp når noen deler linken din. Da bruker du Facebook Object Debugger til å si i fra til Facebook at her må de sørge for å scanne artikkelen din på nytt. Det gjør du ved å lime inn linken i feltet, og trykke på “Fetch new scrape information”. Du vil så få opp en oppsummering av hva Facebook fant av ny informasjon, og du vil se en forhåndsvisning av tittel, ingress, og bilde hvor du kan verifisere at tittelen nå står riktig. Da vil endringen også gjelde for alle som fremtidig deler linken din på Facebook. Trykk her for å komme til Facebook Object Debugger Lim inn link til nettsiden eller artikkelen du vil sjekke “Show existing scrape information” viser deg informasjonen som er lagret av Facebook akkurat nå. “Fetch new scrape information” trykker du på om du har publisert endringer på sidene dine, og vil Facebook skal hente de nyeste endringene

Dersom du ikke kjenner til Yoast fra før, er dette altså en kraftig utvidelse til WordPress du kan bruke til å gjøre nettstedet ditt mye mer synlig. Yoast SEO er en utvidelse som tar for seg søkemotoroptimalisering. Vi har skrevet et par artikler om dette tidligere, både hvordan du som nettredaktør kan skrive for å bli mer synlig på nett, men også hvordan du på teknisk vis kan tilrettelegge for å bli mest mulig synlig. I begge artiklene har vi nevnt Yoast SEO som et verktøy for å bidra både tekstlig og teknisk for å søkemotoroptimalisere. Her er en liten titt på hva Yoast kan gjøre for deg. Yoast SEO funksjonalitet: Dette er en liten liste over viktig funksjonalitet du finner i utvidelsen Skriv separate titler og metabeskrivelser for Google Innlegg du skriver i WordPress gir du en tittel og ingress som vises på nettsiden din. Men, hvis en bruker søker deg opp fra Google vil innlegget dukke opp som et resultat der og. Med samme tittel og ingress du allerede har skrevet. Med Yoast SEO kan du skrive en separat tittel og ingress som kun vises på resultatlisten i Google. Det betyr at innlegget ditt kan ha to forskjellige titler og ingresser avhengig av hvor brukeren finner innlegget. Hvorfor?‍Hvis en bruker kommer inn på nettsiden din og er interessert vil brukeren allerede lese innlegget ditt i sin opprinnelige form uten konkurranse fra andre nettsteder. Derimot om en bruker søker på Google vil brukeren få opp flere sider som kanskje prater om det samme som deg, da kan du skrive en spesifikk tittel og ingress som er målrettet til de som søker på Google. Da kan du altså gjøre et søk og se hvordan konkurrentene beskriver seg selv, og så skrive en enda mer forlokkende tittel og ingress som gjør at brukere heller velger å klikke seg inn på din nettside. Separate titler, bilder og metabeskrivelser for Facebook og Twitter På samme måte som over kan du skrive separate titler og ingresser for Facebook og Twitter også. Dette fordi plattformene har veldig forskjellig publikum, og forskjellig visning av artiklene dine i WordPress. Da har du altså mulighet til å legge inn separate titler, ingresser, og visningsbilder tilpasset publikumet ditt på Facebook, og Twitter. Innholdstesting En veldig fin funksjon i Yoast SEO er at den tester hvor godt innholdet i artiklene dine presterer mot de viktigste parameterne innen søkemotoroptimalisering. Dette er svært brukervennlig og ikke minst motiverende å følge med på mens du skriver artiklene dine. Her handler det om at teksten du skriver burde oppfylle de fleste kravene i innholdstesten. Jo flere som er grønne haker jo bedre. Hovedkategori Yoast SEO gir deg mulighet til å sette hovedkategori som skal være den Google prioriterer når de skal forstå hvordan de skal kategorisere artikkelen din. Men, den gir deg også mulighet til å definere en kategori til, noe som er praktisk om innholdet du produserer noen ganger ikke kan puttes i kun en bås. Rydde i <head>-seksjonen</head> Alle nettsteder har viktig metainformasjon og ressurshenvisninger i <head>-seksjonen. WordPress har en tendens til å fylle opp denne med unødvendige linker og henvisninger du ikke trenger. Yoast SEO gjør det enklere for deg å rydde i denne seksjonen uten at du må knote rundt i WordPress egen kodeeditor, eller redigere via egne teksteditorer og laste opp filer på nytt.</head> Redigere robots.txt og .htaccess-filer Noen ganger må du gjøre større filtreringer av sider og informasjon du har på nettstedet ditt, kanskje fordi det ikke er relevant lenger, eller kanskje du vil skjerme noe innhold fra søkemotorer. Da bruker du robots.txt-filen. Eller det kan hende du må redigere .htaccessfilen. Dette kan du nå gjøre litt enklere via Yoast SEO. Premiumegenskaper Yoast SEO har også en del premiumsegenskaper det kan være verdt å ta en titt på, dette koster da penger. Blant annet kan du enkelt sette opp viderekoblinger med Yoast, noe som man ofte kan ha bruk for om man for eksempel må endre addressen til sider eller artikler på nettstedet ditt. Da kan du enkelt sørge for at alle som trykker seg inn på gammel addresse blir videresendt til den nye. Veldig praktisk. Installasjon av Yoast SEO for WordPress

Nå kan du som utvikler apper også lage roboter, eller bots, for Facebook Messenger. Løsningen er foreløpig i betaversjon. På Facebooks utviklerkonferanse F8 kunne Mark Zuckerberg fortelle at de nå lanserer bots for Messenger. Dette betyr at du kan utvikle en automatisk svarer som kan hjelpe eksempelvis kunder med å ta bestillinger, endre abonnement, fortelle historier, og egentlig hva du vil basert på spørsmål kundene måtte stille. Selvfølgelig er dette noe som blir styrt via en lærende kunstig intelligens. Hvorfor syns vi dette er spennende? Vi ser for oss at både vi i Webhuset, våre kunder, og andre bedrifter nå vil kunne tilby en 24/7-løsning som kan utføre en rekke med tjenester for sine følgere og kunder. Enten som ren kundeservice, eller som bestillingsassistent. Det vil garantert være mange kreative løsninger som vil engasjere og effektivisere kommunikasjonen og tjenestene til merkevarer.Vi i Webhuset vil garantert ta en titt på det, og hvis du vil være litt raskt ute så kan du altså nå begynne å lese deg opp på dokumentasjonen. Hva trenger jeg for å komme i gang? Det samme som før egentlig: Du må opprette en Facebook-app, og en Facebook Page eller bruke noen eksisterende. Velge korrekt rammeverk, sette opp webhook Sette opp Access Token, Subscribe appen til pagen din Teste teste teste, ved å lytte til POST-data. Sjekk setup-guiden her

RestDB.io er et verktøy som kan gjøre arbeidet med databaser mye enklere. Du slipper å hoste databasen din selv, og kan på en brukervennlig måte sette opp små og store databaser, alt sammen med REST. RestDB.io forenkler hvordan man tradisjonelt jobber med databaser og gjør alle de klassiske oppgavene som å sette opp tabeller, felt og relasjoner mye enklere enn man er vant til. Derfor er det også enklere å for eksempel lage din egen blogg, app, et cms, eller andre ting som krever lagring og distribusjon av data. Ingen koding eller databasescripting nødvendig Du kan sette opp relasjoner, tabeller og funksjoner uten å nødvendigvis være godt kjent med databaser fra før. Alt skjer via datafelter og med visuelle virkemidler, så du trenger ikke lese deg opp på databasescripting eller koding for å bruke RestDB.io. RestDB.io passer perfekt for deg som for eksempel er helt ny med databaser og vil ha noe visuelt og ‘clean’ å forholde deg til. Men også om du helst vil styre minst mulig med databaser, og jobbe raskt og effektivt i dem for å gjøre akkurat det du vil den skal gjøre.Som nevnt slipper du hostingen av databasen selv da alt er i ‘skyen’, og du får med en del enkle how-tos på hvordan du kan bruke løsningen på sidene til RestDB.io. Samarbeid med REST De fleste moderne tjenester benytter seg av REST, noe som gjør databehandlingen veldig enkel og effektiv, og ikke minst vil det være svært enkelt å koble seg til prosjektet ditt.Du kan enkelt invitere andre teammedlemmer til databaseprosjektet og strukturere det akkurat som du måtte ønske i samarbeid med utvikler, markedsførere og andre fagpersoner. Test det gratis Det er enkelt å teste det også. Det er først og fremst god dokumentasjon på hvordan du kommer i gang, som også viser hvor enkel løsningen er. Men det er også bare å registrere en konto og begynne å bygge din første database du kan gjøre queries mot. Sjekk ut RestDB.io her!

Dersom nettsiden din er knyttet opp mot Google Analytics bør du sjekke ut Google Tag Manager. Google Tag Manager gjør det superenkelt å legge inn trackingkoder fra alle mulige ressurser og verktøy du måtte finne på å bruke eller teste. Eksempelvis bruker man gjerne ulike verktøy som GoSquared, Chartbeat, Mint eller lignende for å måle for eksempel trafikken på websiden din i sanntid, og kanskje ønsker du en enkel måte å bytte ut alle disse taggene på. Les også: Google klar med AMP, Facebook snart med Instant Articles Da kan Google Tag Manager hjelpe deg Gjør det enkelt for deg som markedsfører å administrere trackingkoder og verktøy på nettsiden. Klipp ut og lim inn trackingkodene du vil bruke, fjern de du ikke trenger lenger. Krever en engangsimplementasjon som er relativt enkel å sette opp så er du i gang. Ved å implementere Google Tag Manager fjerner du utfordringen med å ha masse gamle javascript liggende å kjøre i koden fordi du glemmer det av. Spesielt om du selv ikke er utvikler og jevnlig sjekker og vedlikeholder koden. Og med masse gamle trackingkoder liggende på nettsiden, jo tregere går den. Derfor er det ingen dum idé å benytte seg av Google Tag Manager. Sjekk ut Google Tag Manager her

I dag lanserer Google Accelerated Mobile Pages (AMP). Dette er aksellererte mobilsider som gjør at nettsiden din blir langt mer attraktiv for brukere da innholdet lastes mye raskere. Denne løsningen vil være åpen for alle. Dermed er det fritt fram for alle mediehus, publisister, bedrifter og kreative å benytte seg av løsningen. Hvordan implementeres Google AMP? Du må oppdatere HTML5-markupen i artikkelmalene dine. Ny basic markup ser for eksempel slik ut. I sin mest enkle form består endringen av å tillegge et AMP javascriptbibliotek og noen andre småendringer. For full teknisk dokumentasjon av Google AMP – trykk her Bruker du WordPress? Da kan du aktivere AMP med et tillegg, men husk å verifisere at wordpressinstallasjonen din støtter AMP. Facebook har annonsert at Instant Articles blir lansert tirsdag 12. april under Facebooks utviklerkonferanse F8. Om du har en nettside som publiserer artikler eller innhold som igjen deles til kunder eller ‘fans’ på Facebook, så kan du allerede nå begynne å forberede nettsiden din for å gi dem en bedre opplevelse. Hva er Facebook Instant Articles? An Instant Article is a HTML5 document optimized for fast mobile performance, rich storytelling capabilities, branded design and customized visual display. Har du surfet Facebook fra mobilappen og trykket på en artikkel som åpnet seg lynraskt, og gjerne bestod av elementer som video og andre rike medier i en pen innpakning? Da kan det godt tenkes at det var en Instant Article du leste. Det er foreløpig kun store mediehus som får pilotteste teknologien, men kjennetegnene på at artikkelen er ‘instant’ er dette: Den åpnes lynkjapt fra Facebookappen. Muligheter for rike medier og video som kan avspilles umiddelbart God lesbarhet på mobil Bilder som enkelt kan zoomes og forstørres og swipes på som karusell. Innhold, video, og andre medier i artikkelen lastes lynkjapt. Så – hva må du gjøre for å gjøre nettstedet klart? Du kan poste en Instant Article manuelt eller lage en automatisk håndtering til publiseringsløsningen din, og det er en forholdsvis enkel implementasjon hvor du må tilpasse artikkelmalen i ditt system til den nye markupen. Facebook har allerede lagt ut god dokumentasjon på hvordan du som utvikler kan begynne å klargjøre nettsiden eller publiseringsystemet ditt.

Vet du om CSS-en på nettsiden din er optimalisert? Kanskje du vet det finnes feil men skulle hatt en oversikt over alle feilene slik du kan fikse dem? Bruk testmycss.com for å skanne gjennom CSS-filene dine og få full diagnose og forbedringsforslag i detalj. Dersom du har en nettside som har vokst på seg litt, og har mange CSS-regler vil du kanskje fort få opp resultater som tilsier at du kan fjerne store mengder linjer med gammel CSS som ikke lenger er i bruk. Dette bedrer lastetiden på nettsidene dine – som igjen gjør underverker for SEO. Prøv TestMyCSS her

Søkemotoroptimalisering ved bruk av tekniske metoder. Hvordan kan du som webmaster, utvikler eller teknisk ansvarlig gjøre innholdet på websidene 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 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 tekniske delen av søkemotoroptimalisering og vil gi deg tips for hvordan du skal tilpasse innholdet i din rolle som webmaster, utvikler, teknisk ansvarlig og tilsvarende. ‍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 teknisk søkemotoroptimalisering (SEO): ‍1. Kodekvalitet2. Ordbruk og nøkkelordstetthet3. Google Search Console4. Universell utforming / Accessability5. Videresending / redirects6. Sikkerhet7. Bildebruk og ikoner8. Lastetid9. Verktøy for søkemotoroptimalisering2. Ordbruk og nøkkelordstetthet3. Google Search Console4. Universell utforming / Accessability5. Videresending / redirects6. Sikkerhet7. Bildebruk og ikoner8. Lastetid9. Verktøy for søkemotoroptimalisering 1. Kodekvalitet Nettsiden din må ha ryddig og oppdatert markup / HTML og CSS. Dette handler mye om lastetid, universell utforming, og korrekt tagging slik Google identifiserer alle elementene på nettstedet på en korrekt måte. Google bryr seg ikke nevneverdig om hvordan koden ser ut, men de relevante taggene sjekkes. Kort forklart: Sjekk at koden din bruker tags riktig. (h1, h2, h3, meta-description, meta-properties, alt, canonical, og så videre.) Fjern også tags som er utdaterte, bruk W3C Markup Validator for å sjekke enkeltsider (Du kan betale for tilgang til å søke gjennom flere sider samtidig.) 2. Ordbruk og nøkkelordstetthet Bestem deg for et fokusord som skal gå igjen i det du skriver. Poenget er å oppnå en viss tetthet i tekstene dine hvor det samme begrepet/ordet går igjen, slik du kan fortelle Google hva hovedbudskapet i artikkelen er. En nøkkelordstetthet på ca 5% er superdupert. Gjerne åpne med fokusordet der du kan, f.eks i tittel, ingress, metabeskrivelser og slikt, men selvfølgelig ivareta et naturlig språk. 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. Les mer om redaksjonell SEO i et helt eget innlegg som dekker dette. Kort forklart: Bruk nøkkelord i taggene Google spesifikt leser i koden, og gjerne så tidlig som mulig i teksten. H1, H2, H3, Meta-description, Alt-text, bildebeskrivelser etc. 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. Vi gjentar også at det er svært viktig at du sjekker at tagger som h1, h2 og så videre ligger korrekt i koden, at h2 for eksempel er ingress eller kategori. Bruker du en publiseringsplattform som ikke har noen satte regler for dette kan H2 i ekstreme tilfeller vise seg å være et ikon i footer, og da skjønner ikke Google stort. 3. Google Search Console 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.Dette er et kraftig verktøy som gir deg mulighet til å se på nettstedet ditt med Googles egne øyne. Sjekk siden din for HTML-feil, døde linker, mobilvennlighet, søkeordsanalyser, sørge for oppdaterte sitemaps, teste robots.txt-filen din, og mye mye mer. Dette er et must-have verktøy om du som teknisk ansvarlig eller utvikler skal rydde opp i nettstedet og gjøre det enkelt og crawlervennlig for Google.Kort forklart: Bruk Google Search Console for god teknisk diagnose over nettstedet ditt, her finner du garantert feil du må rydde opp i. Hvis du lurer på hvordan du implementerer Google Search Console trykk her. 4. Universell utforming / Accessability Det har aldri vært mer fokus på universell utforming enn nå. Faktisk er det lovpålagt av DIFI at alle nye nettsider og tjenester skal være universelt utformet. Alle eksisterende løsninger må være på stell innen 2025. Dette har også naturligvis Google fokus på. Det betyr at gjennom korrekt bruk av HTML på nettsidene dine er essensielt slik at svaksynte klarer skille elementer fra hverandre på nettstedet ditt, samt blinde som bruker skjermlesere skjønner at det er et bilde eller fotografi som vises på nettstedet og ikke noe annet.Dette styres av korrekt tagging i koden din, og selvfølgelig gjennom design, fargebruk og kontrastnivåer. (WCAG 2.0).Kort forklart: Bruk et verktøy for å sjekke nettstedet ditt opp mot WCAG 2.0 Funker nettstedet ditt på alle enheter med responsivt design / mobilvennlighet? Sjekk dette. Har nettstedet god tagging av bilder, overskrifter, beskrivelsestekster i kildekoden? Sjekk dette. 5. Videresending / redirects Driver du et lite nettsted som skal flyttes til ny server, eller har du et større nettsted med redaktører som til stadighet fikser på URL-ene på artiklene sine slik du får masse døde linker må du aktivt få lagt inn videresending på døde linker. Korrekt måte å gjøre dette på kalles 301-redirects av Google, og betyr at siden er permanent flyttet til den nye addressen. Du kan få en oversikt over døde linker og videresendinger som ikke fungerer ved å bruke Google Search Console. Den gir deg rapport over alle 404, … Read more

Det er nesten en kunstform i seg selv å skrive ren, pen og vedlikeholdsvennlig kode. Både juniorutviklere og seniorer kan ha dårlige vaner, selv de med 10 års erfaring. Er du helt fersk utvikler burde du jobbe inn gode vaner allerede nå. Her er 5 gode råd du burde tenke på når du koder: Lettleselig kode Bruk korrekt innrykk og spacing, og ikke skriv mer enn nødvendig. Hold det kort og enkelt, og kutt ned det i koden som er overflødig. (Et eksempel for HTML) Ikke repeter samme koden flere ganger Ikke ha kode som gjør samme jobb flere ganger i samme prosjekt. Dette skaper unødvendig ressursbruk og bryderi ved vedlikehold. Husk god og beskrivende kode Bruk beskrivende navn på klasser og funksjoner, og bruk engelsk. Det finnes faktisk utviklere der ute som navngir klasser, funksjoner og egenskaper på norsk. Dette skaper bare frustrasjon. Mindre kode er ofte bedre Tvinger du deg til å skrive mindre kode blir den ofte bedre og mer konkret. Unngå unødvendig fyll hvis du kan. (Tips: Stackoverflow hjelper deg gjerne) Lett å adoptere av ny utvikler Når du koder tenk alltid på at alt du gjør, skal noen etter deg ta over, selv om det ikke er realistisk. Dokumenter koden godt. I mange tilfeller skal du selv ta i bruk din egen forsømte kode og da slipper du mye frustrasjon hvis du allerede har dokumentert godt hva du har gjort. (Tips: Bruk GitHub og dra nytte av communityet og kunnskapen der.)      Clean code is a code that is written by someone who cares —  Michael Feathers