Webbutvecklingstips

Introduktion

Jag lär mig ständigt nya saker om webbutveckling och på denna sida beskriver jag teknologier och koncept jag försökt lära mig eller som jag behöver lära mig mer om.

På senare tid har jag blivit uppmärksammad på hur man kan hjälpa sökmotorer, m.m. att hitta rätt (d.v.s. sökmotoroptimering eller SEO), men också hur man åtgärdar rekommendationer från verktyg som Googles Lighthouse.

Tips på denna sida

• Open Graph protocol - information om sida vid delning (via t.ex. sociala medier)
• Schema.org - beskriv innehåll i webbsidor för sökmotorer, m.m.
• Länkar och säkerhet - skydda besökare från oseriösa webbplatser

Fler tips

Ämnesspecifika tips har samlats på egna sidor och nås från meny till höger.

• Apache - webbbserver; dirigera om besökare när sidor döps om eller flyttas, m.m..
• Git - initiera kodbibliotek, lägga till filer, checka in och ladda upp till Git-tjänst.

Se även min sida Google-teknologier.

Open Graph protocol

Data som ska användas av webbplatser där egen webbplats delas, t.ex. Facebook och Twitter.

Läs mer

• The Essential Meta Tags for Social Media, CSS-Tricks
• https://ogp.me/

Schema.org

Standard för att beskriva saker (eng. things), t.ex. webbplats, verksamhet, film eller bok, och som hjälper sökmotorer att förstå innehåll.

På denna sida används detta bl.a. för sidans brödsmulor (eng. breadcrumbs).

Läs mer

• How to Write Great Schema Markup for Your Company, SEMrush Blog
• https://schema.org/

Verktyg och tjänster

• Google Structured Data Testing Tool

Länkar och säkerhet

För att undvika säkerhetsproblem vid öppnande av webbsidor på andra webbplatser bör man använda attributet rel och något av värdena "noopener" och "noreferrer".

Läs mer

• Links to cross-origin destinations are unsafe (Lighthouse), Google's Tools for Web Developer