Accentsconagua
Artikkeloverskrift
Enkel tekst for å hjelpe oss med
Les mer?
Share
Dreaded av mange webdesigners, SEO ofte virker som en hodepine bedre igjen til kodere eller markedsføring analytikere, men det er ingen grunn til å stå rundt på sidelinjen. I denne korte opplæringen bygger vi en enkel HTML-mal, mens du legger ned noen gode metoder som kan påvirke nettstedet ditt SEO helt fra ordet gå.
SEO eller søkemotoroptimalisering er måten du setter opp nettstedet ditt til å bli rangert mer høyt av søkemotorer, og påvirke hvordan informasjon vises i søkeresultatene. Borte er dagene da du kjøpte Google AdWords, var den beste måten å dukke opp på toppen av et søk, spesielt siden mange annonsører ikke er relevante for søkeresultatene, noe som har ført til at brukerne mistroker sponsede lenker mer og mer. Adwords vil sprette tilbake, men det finnes måter å påvirke søkemotoren din i dag.
Først av må vi forstå at søkemotormaskinene, spesielt Google-edderkoppen, leser kilden til sidene dine som gjør antagelser i henhold til innholdet og oppslaget. Logisk HTML-hierarki er avgjørende for å bestemme viktigheten av innhold, men buzz på internett forteller oss at Google også begynner å basere sine resultater på din sosiale tilstedeværelse, så vel som siden din. Det er riktig, du kan glemme Facebook og Twitter som enkle spillverktøy, de kan bidra til å lage eller ødelegge nettstedet ditt.
La oss begynne med å se på noe grunnleggende HTML-oppslag:
SEO Webdesign opplæring
Denne strukturen følger faste standarder slik at nettlesere vet hva de skal gjøre på siden din. På toppen av vår kode fastslår vi hva slags dokument det er og i hvilket språk det er skrevet. Mellom vår koder vi informerer nettleseren om at vi bruker standard utf-8-charsetet. Vi har da tittelen på nettstedet vårt, og vi har lagt til et betinget utsagn for å laste HTML5 shiv som kompenserer for kompatibilitetsproblemer med IE 9. Den Etiketter, selvfølgelig, fastslår hvor innholdet på siden vår skal vises.
Enkelt og greit riktig? Men i sannhet har vi allerede slått ut viktig informasjon.
La oss gå tilbake til begynnelsen av koden vår og legge til følgende linje kode umiddelbart etter åpningen stikkord:
Denne linjen forteller søkemotorer hva som skal vises på søkeresultatene rett under sidetittelen din. I dette tilfellet kan resultatene på Google bli presentert som sådan:
Merk: Et poeng som er veldig viktig og ofte overses er at du skal skreddersy begge tittel og metakoder av hver side på nettstedet ditt spesifikt til innholdet på hver side. For tittelen kan det være så enkelt som
Koden i vår Merkene ser nå ut som følger:
SEO Webdesign opplæring
Merk: For informasjon om hvorfor vi har forsømt å inkludere meta søkeord, sjekk ut diskusjonen i kommentarene.
Felles i nesten alle nettsider er koblinger til CSS-filer og Javascript-kode eller biblioteker. Hvis vi skal følge Googles kodende forslag, bør vi prøve å holde våre eksterne forespørsler (HTTP-forespørsler) til et minimum, så sikte på å holde CSS og Javascript-aktiver ned til en fil, hvis mulig. La oss legge til generiske forespørsler om våre eksterne filer til vår mal.
Først kobler vi til vårt eksterne stilark ved å legge til følgende kode like før avsluttende tag:
Neste gjør vi det samme for Javascript-filen vår ved å legge til følgende linje:
Vi legger til javascript til slutten av siden vår, like før lukker koden slik at vår kode ender opp som følger:
SEO Webdesign opplæring
Hvorfor la vi til Javascript-spørringen på slutten av siden? To grunner:
En annen regel å huske på er at hvis du har mer enn én CSS eller Javascript-fil, følg alltid hierarkiereglene og sett den viktigste filen først, og legg resten sammen. Tross alt kan du ikke bruke en utrolig Javascript-funksjon som bruker jQuery-biblioteket, hvis du ikke ringer til jQuery-biblioteket først.
Vi er nesten ferdige med vår mal, men vi kan gjøre med å legge til noe innhold. Med introduksjonen av HTML5 gjør nettstedet ditt SEO vennlig blitt mye enklere; riktig semantikk gi søkemotorer svært spesifikke instruksjoner om hva du skal finne og hvor du skal finne den. La oss legge til noen vanlige elementer som vi sannsynligvis vil bruke på de fleste nettstedene vi designer.
Rett under tag og før tag, la oss legge til følgende kodelinjer:
Nettstedets navn
Artikkeloverskrift
Enkel tekst for å hjelpe oss med
Les mer?
Vår kode skal nå vises som følger:
SEO Webdesign opplæring Nettstedets navn
Artikkeloverskrift
Enkel tekst for å hjelpe oss med
Les mer?
Hvor vi en gang ville ha brukt div-containere, har vi nå implementert mer beskrivende markering. De , , , , , og elementene beskriver innholdet perfekt. For mer informasjon om hvor og når HTML5-elementer skal brukes, sjekk ut hva HTML5-legene har å si.
Nå har vi en veldig grunnleggende sidemaler som kan tilpasses ethvert prosjekt så lenge du holder følgende regler i tankene til enhver tid:
Vi er nesten ferdige, bare 2 flere ting som vil bidra til å gjøre nettstedet ditt søkemotor vennlig.
Jeg er sikker på at du har lest artikler som sier at du bør ha et nettstedskart. Vi kommer til å utvide det ved å legge til 2 filer på vår nettside rotmappe som vil hjelpe søkemotorer når du navigerer og indekserer nettstedet ditt og kataloger.
For det første, sitemap.xml fil. Denne filen er ikke noe mer enn en oversikt over filer og mapper som du kan legge i rekkefølge av betydning. I utgangspunktet gjør vi halvparten av arbeidet for søkemotorene. Jeg har tatt med en eksempelfil i nedlastingspakken. Her er forklaringen på hva det betyr og hva du bør endre for nettstedet ditt.
Du finner noen linjer med kode som ligner på dette for hver lenke / mappe:
http://www.example.com/ 2011-08-31 daglig 1.0
I sitt enkleste termer er en XML Sitemap - vanligvis kalt Sitemap, med hovedstaden S-en liste over sidene på nettstedet ditt. Opprette og sende inn et nettstedkart hjelper til med at Google kjenner til alle sidene på nettstedet ditt, inkludert nettadresser som kanskje ikke kan oppdages av Googles normale gjennomsøkingsprosess. Googles verktøy for nettredaktører
Du kan finne ulike nettbaserte sitemapverktøy for å generere et nettstedkart for deg, men jeg har funnet ut at disse generatorene ofte ikke gjør den beste jobben for deg spesielt, så jeg foretrekker å gjøre det manuelt.
Deretter oppretter vi en enkel robots.txt-fil. Denne filen eksisterer for å legge til vilkår som roboter overholder. Hvis du for eksempel vil fortelle søkemotorer å ignorere en side eller en mappe, vil du legge til følgende kode:
Brukeragent: * Tillat: /category/design.html
Men generelt kan du bare la filen stå tom. Google gir en bedre forklaring på hvordan du kan tillate sider.
Vårt siste skritt, selv om dette bare er en gang nettstedet ditt er oppe, er å registrere nettstedet ditt med Googles verktøy for nettredaktører.
Når du har registrert deg, er alt du trenger å gjøre, følge instruksjonene for å legge til nettstedet ditt og fortelle Google hvor du finner både sitemap.xml og robots.txt-filene. Dette er de grunnleggende trinnene for å få resultater, men hvis du vil ta ting enda lenger, så sjekk ut denne flotte nybegynnerens gjennomgang på hvordan du bruker flere funksjoner.
Ved å bruke denne enkle mal, gjør du en god start når du optimaliserer SEO-ytelsen til nettstedet ditt. Både din rangering og måten søkemotorer viser nettstedet ditt i søkeresultatene kan påvirkes med bare en liten innsats fra din side.
Jeg håper du likte denne opplæringen, takk for å lese!
