Webbdesign 101 – Attraktiv Design kombinerat med SEO.
Tyvärr så är det svårt att optimisera en sida utan att göra om den från grunden. Du kommer snart förstå varför. Design och SEO måste slå rot i varje aspekt av varann, i ett balanserat förhållande. För ett visa ett förenklat exempel så kan vi säga att du optimerar en sida för nyckelordet ”Pepparkaksrecept”
Ur en designsynvinkel så är ”Pepparkaksrecept” header för sidan, med en vacker och läsbar font i en orange-brun färg. Låt oss också lägga till en grön ram till texten.
Det finns flera sätt att skapa den där enkla färgade headern. Men det finns bara ett sätt att göra det som är bra både för design och SEO. Det är att använda ”Cascading Style Sheets”, eller CSS. Tilläggsvis så behöver texten vara så nära toppen av sidan som möjligt (vilket CSS också tillåter)
För en läsare så kanske recepttexten skulle bli läst mer om den låg jämte ett foto av en pepparkaka och ett glas kall mjölk.
Sökmotorernas spindlar behöver läsa ingredienslistan och bakinstruktionerna. Sökmotorerna förstår på ett rudimentärt sätt att ingredienserna faktiskt är kopplade till det sökmotorsoptimerade ordet ”pepparkaksrecept”
Utöver detta så skulle det inte ta många extra linjer av kod för att skapa ett ”table” i detta exempel om du inte skulle använda CSS. Men sökmotorer gillar inte extra kod. Till och med så kan det bli så att om det går tillräckligt långt så kan den där ”extra” koden göra nyckelordsfraserna mindre viktiga och skada din rankning.
I korthet: Mindre kod, mer innehåll.
SEO innebär ofta rekonstruktion
I det förra exemplet så eliminerar CSS nästan helt och hållet behovet av extra kod, samtidigt som det ger oss ett sätt att placera texten till höger om fotot.
Tänk dig nu att någon redan har gjort den där hemsidan, men via andra programmeringsmetoder. Sidan skulle kunna vara wc3 kompatibel, välprogrammerad och få jobbet gjort. Men om den inte är designad och programmerad för optimering som det förra exemplet så kommer slutresultatet inte ha någon hög ranking jämfört med dem som gör det med CSS.
Du kan vara säker på att det finns minst 40 hemsidor som är byggda för att ranka i nyckelordet ”pepparkaksrecept”. Varför använde jag numret 40? Det är säkert att anta att om du inte är på sökmotorns första 4 sidor så kommer du inte bli sedd.
Även om detta är ett enkelt exempel så förstår du säkert att det skulle vara omöjligt att optimera den enkla hemsidan utan att göra om den. Detta är inte alltid fallet men om du polerar detta till detaljerade sidor på en hemsida så kommer effekten förstoras.
Den sista och tredje delen kommer imorgon.