Bli en webbproffs med digital tillgänglighet och SEO! (del 2/2)
I den första delen av det här blogginlägget har vi redan visat på några punkter, vilket samband det finns mellan tillgänglighet och SEO och vilka fördelar det kan ge. I den andra delen vill vi fördjupa oss i ämnet. Vi visar dig hur du kan optimera din webbplats så att den inte bara får höga poäng hos sökmotorer, utan också blir tillgänglig för alla användare, oavsett deras förmågor. Upptäck här några praktiska steg för att göra din webbplats redo för den digitala framtiden.
1. Rubrikstruktur
Tillgänglighet: Skärmläsare kan skilja mellan HTML-rubriker och vanlig stycketext. En korrekt rubrikstruktur hjälper till att förstå den tematiska strukturen på en webbsida.
Påverkan på SEO: En bra rubrikstruktur är också viktig för att sökmotorernas robotar ska förstå din sida. Dina rubriktaggar bör innehålla en logisk uppdelning av ditt huvudämne och detaljerade underavsnitt på sidan.
2. Navigering
Navigering kan referera till olika delar av din webbplats, men viktigast av allt kan den referera till den översta navigeringsmenyn. För att göra din webbplats tillgänglig måste dina navigeringsmenyer innehålla dina huvudsidor, inkludera lämpliga ARIA-attribut och vara tillgängliga från tangentbordet så att alla användare kan komma åt dessa sidor. Knappar och webbplatskartor måste också vara tillgängliga för korrekt navigering.
Påverkan på SEO: Dina viktigaste sidor bör inkluderas i din översta navigeringsmeny för att skicka rätt SEO-signaler till sökmotorer om de viktigaste sidorna på din webbplats. Detta förbättrar inte bara användarupplevelsen, utan hjälper också sökmotorrobotar att hitta dessa sidor lättare och säkerställer att de genomsöks och cachas ofta.
3. Transkriptioner och undertexter
Transkriptioner och textning är en viktig del av videotillgängligheten. Utan undertexter och transkriptioner kommer döva eller hörselskadade användare inte att ha tillgång till vad som sägs i dina videor. Detta gäller även poddsändningar eller andra ljudfiler på din webbplats.
Påverkan på SEO: Sökmotorer är inte särskilt bra på att söka igenom och förstå video- och ljudinnehåll. Så när du tillhandahåller transkriptioner för video- och ljudfiler ger du sökmotorerna text som de kan förstå, vilket hjälper dem att förstå din media. Detta kan hjälpa ditt video- och ljudinnehåll att ranka bättre.
4. Ankartext
Ankartext är den synliga, klickbara texten i en HTML-länk. När skärmläsare skannar sidan känner de igen länkarna i koden och läser ankartexten för användaren. Skärmläsaren informerar besökarna om att det finns en länk och läser ankartexten som en beskrivning av länken, så att användarna vet vad de kan förvänta sig när de besöker den nya sidan.
Påverkan på SEO: Interna länkar och deras ankartexter är viktiga för många aspekter av sökmotoroptimering. Ur användarnas (och sökmotorbotarnas) perspektiv är ankartext en stark signal om vad den länkade sidan handlar om och hur den relaterar till den aktuella sidan. Ankartext är en "snabb vinst" för att lägga till kontext och relevans till en sida utan att lägga till ytterligare text på själva den länkade sidan.
5. Ströbröd
"Brödsmulor är den länkade texten högst upp på en webbsida som visar sökvägen och hierarkin för sidan du är på. De gör navigeringen enklare för användare med motoriska eller synskadade funktionsnedsättningar genom att visa dem var de befinner sig på webbplatsen och hur de navigerar tillbaka på webbplatsen."
Påverkan på SEO: Breadcrumbs ger samma fördelar för sökmotoroptimering som för webbplatsens tillgänglighet. Det finns dock en ytterligare fördel för SEO, eftersom breadcrumbs hjälper sökmotorer att förstå strukturen på din webbplats och låter dig inkludera fler interna länkar för att koppla samman sidor på hela webbplatsen.
Som vi har visat går många aspekter av sökmotoroptimering och tillgänglighet hand i hand och har positiva effekter på varandra. När du kombinerar dessa två aspekter av din webbplats erbjuder du dina användare en bättre upplevelse, förbättrar din webbnärvaro, ökar antalet besökare och genererar mer intäkter. Integration erbjuder inte bara många fördelar för ett fåtal utan för alla människor.
:no_upscale())
Sebastian Fjeld
Fler bidrag
Om det får vara lite mer
Filter
:no_upscale():format(png))
:no_upscale():format(png))