SEO-optimalisering av html-side. Velge den beste online CSS-komprimeringstjenesten

Du må optimalisere HTML-koden og cascading style sheets (CSS) for å øke hastigheten på lasteprosessen til nettstedet ditt og innholdet som er vert på det. Sparing av tid og trafikk, generelt lenge etter optimalisering, vil være betydelig, selv om endringen i hastighet er lite merkbar utad.

HTML-kodeoptimalisering

For at HTML-koden skal lette rask lasting av nettstedet, må den oppfylle flere betingelser:

  • Vær enkel og informativ. Etter å ha sjekket det for gyldighet, må du rette feil for å gjøre det lettere for roboter å analysere det. Koden skal tydelig representere strukturen på siden.
  • Hovedkomponentene på sidene, som overskrifter, indekser, blokker med informasjon bør enkelt og raskt identifiseres.
  • Å frigjøre koden fra unødvendig informasjon og lagre den i separate filer (for eksempel kan du fjerne CSS og JS) vil øke lastehastigheten, noe som også forenkler arbeidet til roboter.

Ved å oppnå disse betingelsene kan nettstedet gjøres raskere, mer praktisk og effektiviteten av indekseringen av søkemotorroboter kan økes.

Kodereduksjon og CSS-optimalisering

Du kan gjøre nettstedkoden enklere ved å redusere volumet. For å gjøre dette, må du utføre flere operasjoner.

Først av alt bør du unngå Flash-teknologier, JavaScript, rammer, tekst representert av et bilde. Alle elementer som er mulig bør formateres i separate, eksterne filer (for eksempel CSS og JS, som nevnt ovenfor). Spesielle plugins vil bidra til å optimalisere koden. Du kan for eksempel installere Autoptimize-pluginen, som automatisk optimaliserer HTML-, CSS-, JS-koden (hvis du krysser av i de aktuelle boksene). Det er nødvendig å sette opp kompetent og praktisk nettstednavigasjon som vil være forståelig for brukere og riktig gjenkjent av søkemotorer. Dette vil øke hastigheten, kvaliteten på lasting og indeksering av nettstedet.

Når det gjelder CSS-optimalisering, kan du gjøre det selv eller overlate det til en spesiell ressurs eller et spesielt program. Manuell optimalisering er en arbeidskrevende og tidkrevende prosess, og du kan gå glipp av noen feil. Et program eller en tjeneste for optimalisering vil bedre eliminere mangler, men kan forstyrre noen funksjoner som fungerte på nettstedet, og etter verifisering kan det hende at innholdet ikke vises riktig, så arbeidet deres må korrigeres.

Noen måter å forbedre CSS-strukturen manuelt:

  • Fjern ekstra mellomrom og linjeskift som overbelaster CSS-filen og gjør det vanskelig for roboter å jobbe;
  • Skriv generaliserende egenskaper i stedet for å gjenta lignende kommandoer flere ganger;
  • Bruk kortfattede, forståelige beskrivelser i kommentarer;
  • Uvanlige skrifter bør skrives med stiler, ikke bilder;
  • For bilder, lag alt og tittel (forskjellig for hvert bilde) slik at innholdet deres gjenkjennes av søkemotorroboter;
  • Bruk H1-verktøy på overskrifter – og så videre, slik at de blir korrekt gjenkjent under indeksering;
  • Inkluder i søkeordene bare de søkeordene som brukes på siden, og minimer antallet;
  • Bruk varierte og konsise metakoder.

CSS- og HTML-optimalisatorer

Du kan enkelt og raskt optimalisere direkte i nettleseren ved hjelp av spesialtjenester, for eksempel:

  • CleanCSS.com;
  • CSS Optimizer;
  • CSS kompressor;
  • CY-PR.com;
  • Autooptimaliser plugin.

SEO- og IT-spesialister anbefaler å bruke CleanCSS.com, da det lar deg velge komprimeringsnivået fra lavt til høyt eller velge individuelle innstillinger. Etter høye og høyeste nivåer av optimalisering får nettstedskoden en nesten uleselig form, og det vil være nesten umulig å gjøre endringer i den. Derfor bør du først bruke standardoptimalisering. Du kan velge komprimeringsmoduser for spesifikt innhold eller optimalisere individuelle parametere: komprimering av fonter, bilder, fjerning av mellomrom.

CY-PR.com-ressursen har også et lignende optimaliseringsverktøy som letter CSS-strukturen med 25-30 %, men det er ingen måte å generere en fil med koden etter å ha utført operasjonen.

Andre tjenester kan endre koden ganske radikalt slik at enkelte funksjoner på siden slutter å fungere. Derfor, med deres hjelp, er det bedre å bare gjøre lokale endringer i spesifikke områdeparametere.

Etter optimalisering bør du sjekke funksjonaliteten til nettstedet, riktig visning av designet og lastehastigheten. En normal situasjon er når sidene og brukeralternativene på nettstedet ikke lastes mer enn 3-5 sekunder.

For å sjekke graden av optimalisering og forstå hvor effektivt HTML-koden nå er skrevet, kan du bruke tjenester som:

  • optimization.com;
  • SEO sjekklisteportal;
  • Firebug-plugin.

Disse verktøyene vil hjelpe deg å sjekke om alt er gjort for å redusere mengden HTML-kode og forbedre strukturen. På SEO-sjekklisteressursen kan du sjekke listen over hva som allerede er gjort for optimalisering og hva som ennå ikke er gjort, og markere de tingene som er oppnådd.

Validering

Du kan sjekke nettstedskoden for feil ved å bruke valideringstjenester - validatorer. Effektiv kodeverifisering gjøres ved å bruke validator.w3c.org

Hvis systemet produserer mer enn fem tusen feil under den første kontrollen, ikke bli opprørt. Etter å ha rettet en viss defekt kan du kjøre sjekken på nytt og det blir mye færre feil, siden en feil medfører andre og når den er rettet vil de forsvinne.

Et nettsted med korrigert og optimalisert kode har større sjanse for å rangere høyt i søkeresultatene enn en ressurs med overbelastet HTML-kode som inneholder feil.

Søkeroboten samler inn informasjon fra millioner av nettsteder hver dag. Og selv her kan optimizeren finne kontrollspaker. Søkemotorer gir noen optimaliseringsanbefalinger som kan gjøre robotens jobb enklere. Blant disse aktivitetene tilhører den ledende betydningen optimalisering av html-kode.

Aktiviteter som tar sikte på å tilpasse sidekoden til søkemotorenes krav kalles html-kodeoptimalisering.

Til å begynne med er det verdt å forstå hovedoppgavene og målene som denne typen optimalisering forfølger. Først av alt er dette en forbedring av de interne egenskapene til nettstedet, noe som kan påvirke indeksering. Hvis roboten regelmessig besøker nettstedet, analyserer innholdet og ikke støter på noen hindringer, vil nettstedet være i prioriterte posisjoner i søkeresultatene.

Et annet punkt er når nettstedskoden er kompleks og inneholder feil, da vil roboten besøke slike prosjekter sist. Dessuten, i tillegg til dårligere indeksering, kan nettstedet rangere dårligere. Derfor, for å oppnå maksimale resultater, innebærer intern optimalisering en integrert tilnærming til arbeid med html-kode.

5 viktige regler for optimalisering av HTML-kode

1. Stilisering;
2. Fjerne unødvendige tagger;
3. Eliminering av feil;
4. Kodestruktur;
5. Lukke eksterne lenker.

HTML-kodestiling

Etter layout eller i ferd med å lage et nettsted, støter du ofte på et problem: tabeller er overfylte med stiler.

Det ser slik ut:

...

I dette tilfellet, for å rydde opp i koden, må du overføre stilene til stilark - CSS. Disse tabellene (mer presist, en lenke til css-filen) er vanligvis plassert mellom head-taggene. Stiler som finnes i ulike nettstedstagger må konverteres til klasser.

...

For å flytte inn i stilark kopierer vi innholdet i stilen til CSS, og gir den en klasse kalt "newclass".

Newclass (bredde:10px; kantlinje:10px;)

Som et resultat, for å overføre en ny klasse fra CSS til en tabell:

....

Dermed kan du redusere koden betydelig ved å tilordne de nødvendige klassene og så videre til ulike tabeller.

Fjerner tagger

Noen ganger er det nettsteder som inneholder tagger som ble kopiert en gang til etter at designet ble installert.

Oftest har følgende tagger en negativ innvirkning på nettstedet:

Eliminerer html-kodefeil

Kodefeil har en like viktig innvirkning på nettstedets rangering. I prosessen med layout, redigering av kode eller redigering av stiler, glemmer du ofte å lukke en tabell, tagg eller stil.

Ulukket kodebit:

Lukke eksterne lenker:

Eksterne koblinger er en prosess med høykvalitets interaksjon mellom ressurser. Sammen med brukerkommentarer, på grunn av ulovlige handlinger eller installasjon av tredjeparts skript, kan du uunngåelig legge til eksterne lenker. Dette er spesielt farlig hvis nettstedet inneholder skadelig informasjon. Den beste måten å fikse problemet på er å fjerne den eksterne lenken. Et annet alternativ er å legge lenken i "noindex"-taggen, og også legge til "nofollow"-parameteren. For eksempel:

HTML-kodestruktur

En veldig effektiv metode som vil hjelpe deg å raskt redigere ulike deler av nettstedet samtidig. Denne metoden innebærer å lage en struktur som ligner på globale blokker. I dette tilfellet er nettstedskoden delt inn i seksjoner: topp, kropp, side (1 eller flere), bunn. Hver seksjon kan redigeres uavhengig av de andre.

For eksempel vil den globale venstre blokken av nettstedet bli kalt:

"$Global_BLEFT$"

Derfor kan denne blokken bygges inn i rotstrukturen til koden, og også fjernes punkt for punkt:

"$GLOBAL_BLEFT$"

Gjentatte tester har vist at i prosessen med å optimalisere disse komponentene i html-koden, kan du oppnå en jevn økning i rangeringer og betydelig forbedre nettstedindekseringen.

Artikkelen gir bare grunnleggende eksempler; sjekk først koden din ved å bruke online-analysatorer, som det er mange av på Internett.

En av disse analysatorene er W3C-validatoren, som enkelt kan sjekke et nettsted for HTML-feil, men du bør ikke gå for dypt inn i å fikse det, det er nok til å holde feilene til et minimum. Men for perfeksjonister vil denne tjenesten være veldig nyttig.

Lesetider: 5.352

Hilsen, kjære venner, til bloggsiden. De fleste brukere oppfatter nettsteder kun eksternt, vurderer design og struktur, men bak de attraktive eksterne komponentene er det mange interne lover og regler som er bestemt av W3C-standarder. Interne komponenter inkluderer html-kode og CSS-stiler (uten separat funksjonalitet). Ofte er nettredaktører bare mer opptatt av den eksterne presentasjonen av nettstedet. Det interne innholdet på sider i form av html-kode krever imidlertid også oppmerksomhet, spesielt når det gjelder å tiltrekke søketrafikk.

Vellykket online markedsføring krever god intern nettstedoptimalisering. Selvfølgelig er optimering for søkemotorer før du starter markedsføring et viktig poeng. Markedsføring av nettsted ved hjelp av lenker uten optimalisering vil den ikke være effektiv og kan til og med forårsake skade ved å redusere trafikken. Samtidig er det nødvendig å identifisere alle nåværende problemer og mangler, som på ethvert stadium kan negere alle prestasjoner. Nettstedets html-kode kan være en så svak lenke.

Stedkodeanalyse kan utføres ved hjelp av ulike validatorer. For egenvurdering må du deaktivere filer med stiler og skript. Dette er hvordan søkeroboter ser dem. Hvis nettstedet laster sakte, vises feil, og søkemotorer ikke kan forstå logikken til sidene, vil det definitivt være problemer med det. Ressurskoden må forbedres.

Optimalisering av nettstedkode betraktes som en rent teknisk prosess, som er basert på å redusere mengden nettstedkode. Det er først og fremst nødvendig for ressurser som søkemotorer er hovedkilden til trafikk for. Hovedregelen er enkelhet. Alle stiler og skript må flyttes til eksterne filer. Koden skal være så lett som mulig og ekstremt forståelig.

Søkeroboter må raskt evaluere sidestrukturen. Derfor er det bedre å ikke bruke rammer og spyler. Disse elementene legger vekt på koden, noe som gjør den mer kompleks. Legg også alle designelementer inn i css-stilfiler og formater dem til sprites. Relevansnivået til nettstedet og hastigheten på sideindeksering avhenger av kodens enkelhet. For store ressurser med høy trafikk er kodeoptimalisering en obligatorisk prosedyre. Samtidig er det nødvendig å optimalisere partallssider hvis størrelse ikke er mer enn 1 MB.

Hovedstadier av nettstedkodeoptimalisering

  • Fremhev overskrifter h1-h6 - søkeroboter generelt, så ikke glem riktig formatering av teksten.
  • Reduserer kodestørrelsen – jo mindre kode, jo enklere og raskere lastes siden inn. Nylig har sidelastingshastighet blitt en viktig rangeringsfaktor i Google-resultater, som det har blitt offisielt annonsert.
  • Fjerning av ondsinnet kode - mange vertssider har en antivirusseksjon som skanner nettstedsfiler og angir veien til å løse dem. Fraværet av ondsinnet kode gjør nettstedet mer å foretrekke fremfor søkemotorer.
  • Intern nettstedoptimalisering– lage unik tekst som støtter den nødvendige søkeordtettheten.
  • – fordeler vekten på sidene jevnt og øker trafikken for lavfrekvente søk, spesielt når du legger til nytt innhold.
  • Legge til metakoder – tittel, nøkkelord og beskrivelse brukes av verk og vises på søkemotorresultatsider. Riktig sammensatte metakoder øker sidens relevans og tiltrekker brukere.
  • Optimalisering av bilder – hvert bilde må ha et optimalt format (GIF, JPEG, PNG og PNG-24), samt en alt og tittel.

Gyldigheten av nettstedskoden

Gyldighet er kodens samsvar med generelt aksepterte globale W3C-standarder. En ugyldig nettstedskode som inneholder mange feil kan bli en hindring for markedsføring av en bestemt ressurs. Hvis ikke alle sammenkoblede tagger er lukket, kan det være problemer med å vise designelementer. Men i virkeligheten er ikke selv nettsidene til de største søkemotorene 100 % gyldige. Hva er årsaken til denne uoverensstemmelsen?

  • En høy grad av arbeidsintensitet ved standardisering av et nettsted og behovet for eksepsjonell profesjonalitet hos utvikleren ved validering av et stort dynamisk nettsted.
  • 100 % gyldighet av html-koden garanterer ikke kompatibilitet på tvers av nettlesere, og beskytter heller ikke mot feil ved bruk av eldre nettlesere.

For mindre ressurser er imidlertid gyldigheten til html-koden en utmerket bonus for rangering for de mest konkurransedyktige søkene, og den vil også vise hvor alvorlig ressursen er.

Optimalisering av Cascading Style Sheets

Som å optimalisere html-kode, er optimalisering av stiler (CSS) en like viktig aktivitet som blir oversett av mange webmastere. Optimalisering av CSS-kode øker også hastigheten på lasting av nettsider og sparer trafikk. Siden en css-fil veier opptil 100 KB, ser mange webmastere ikke behovet for å optimalisere den, men hvis du tenker på hvor mye trafikkfiloptimalisering sparer per år, vil du innse hvor undervurdert den er.

Du kan optimalisere CSS manuelt eller ved å bruke spesielle tjenester. Hvert alternativ har en ulempe. Når du manuelt optimaliserer et nettsteds kode, kan du miste mye av syne og kaste bort mye tid. Maskinoptimalisering kan imidlertid fjerne linjer uten at designet kanskje ikke vises riktig.

Stille inn kodingen

Et annet punkt som påvirker nettstedpromotering, er kodingen. Russiskspråklig tekst vil bare vises riktig hvis kodingen er riktig konfigurert, for eksempel Windows-1251 eller utf-8. Hvis innhold er kodet feil, vil tegn og symboler bli forvrengt, noe som vil føre til tap av besøkende og treg indeksering.

Problemer med koding er typisk for eldre ressurser, der sider ble opprettet i verktøy som Notisblokk, og koden ble lagret i mange forskjellige formater. Noen moderne nettlesere er ikke i stand til å gjenkjenne slike kodinger.

Intern nettstedoptimalisering

I de fleste tilfeller kan kompetent intern ressursoptimalisering bringe et nettsted til de beste søkemotorposisjonene uten betydelig innsats og arbeid med lenkeutveksling. Hver minste detalj som påvirker hans posisjon er viktig. Prøv å lage en struktur som vil være forståelig for både brukere og søkemotorer. Flersideportaler bør inneholde systematiserte seksjoner der alle sider ikke er mer enn 3-4 klikk unna. Det anbefales å bruke brødsmulestier og menneskelesbare nettadresser. Dessverre har ikke alle CMS-skript denne funksjonaliteten.

Konklusjon

Det tekniske aspektet ved vellykket nettstedpromotering løses gjennom optimalisert html-kode. Søkemotorer evaluerer nettstedssider annerledes enn brukere, så ren, gyldig kode kan presse ressursen din opp i søkeresultatene, der bare noen få posisjoner noen ganger viser seg å være avgjørende.

Jeg håper materialet vil være nyttig for mine kjære lesere. Abonner på bloggoppdateringer. Jeg ville vært takknemlig for å trykke på knappene og legge ut dette materialet på nytt. Vi sees i de neste artiklene. Lykke til alle sammen.

God morgen kjære venner! Det viste seg at uken i større grad ble viet til å optimalisere og få fart på innlastingen av landingssiden. I dag vil vi fortsette å "gale" på dette området. Neste opp er CSS-kodeoptimalisering. Jeg skal fortelle deg om en nettbasert tjeneste for optimalisering av stilark.

Disse tjenestene er ganske enkle og fungerer etter prinsippet:

"Satt inn uoptimalisert kode. Jeg ventet noen sekunder. Kopierte den optimaliserte koden"

Som du kan se, er det ganske enkelt og billig, men ikke alle finner tid til å gjøre det. Men til ingen nytte!

Online css-optimalisering

Det første du bør forstå er at du ikke trenger å gå til ekstremer. Faktum er at for eksempel mellomrom og linjeskift øker den totale vekten på siden. Når du vet dette, kan du begynne å slette dem alle. Som et resultat vil du ha fullstendig uleselig, men optimalisert CSS-kode.

Dette er bare bra hvis du jobber alene og stilarket vil aldri bli redigert igjen, eller nesten aldri. For hvis du jobber i et team, vil det være veldig vanskelig for den som leser koden din å forstå den.

Men selv om du selv ser på stilarket ditt et halvt år senere, er det usannsynlig at du lett kan forstå hva som er ansvarlig for hva i det.

Derfor optimerer vi, men blir ikke gale - det er det første.

Den andre tingen er at når du bruker tjenester som tilbyr CSS-kodeoptimalisering, er det viktig å forstå hva som skjer der og hva som blir optimalisert. Nå skal jeg vise deg noen eksempler.

For eksempel farger. Vanligvis spesifiserer vi dem i RGB-standarden. Den hvite bakgrunnen for et element er satt som følger

Bakgrunn: #ffffff;

Men ikke alle vet at hvis de første 3 verdiene gjentas, kan du bare la dem stå. For eksempel slik:

Bakgrunn: #fff; bakgrunn: #000; farge: #123;

Det neste du tenker på er polstring og margin.

Polstring: 10px 20px 10px 20px; /*i stedet for*/ padding: 10px 20px; margin: 15px 20px 15px 20px; /*i stedet for*/ margin: 15px 20px;

Du kan også optimalisere CSS-koden ved å spesifisere forkortede skrifter:

Font: fet 18px Verdana, Arial, sans-serif;

Skriftstørrelse: 18px; font-familie: Verdana, Arial, sans-serif; font-weight: fet;

Som du kan se - en linje mot tre. Og dermed er det noen ganger mulig å redusere vekten på stilarket med 20 - 30%.

Den tredje tingen å huske er at alltid før enhver optimalisering, enten det er bilder eller CSS, må du ta en sikkerhetskopi (i tilfelle en uventet feil eller noe annet). Bare gjør det til en regel å alltid lage en kopi før redigering.

Det er det. La oss gå videre til tjenesten.

Gjennomgang av en tjeneste for online optimalisering av CSS-kode.

De fleste bruker disse populære nettstedene for å optimalisere CSS-koden:

alexvaleev.ru/cssoptimizer

css-school.ru/optimise

Funksjonaliteten er praktisk talt den samme, enkel og grei. Men etter å ha analysert dem fant jeg både fordeler og ulemper. La oss se på en av dem - css-school.ru/optimiser

Til venstre er et vindu for å sette inn CSS-kode, og til høyre er et vindu for innstilling av optimaliseringsparametere. La oss se på vinduet mer detaljert.

Kompresjonsforhold.

For at teksten skal forbli lesbar, er det nødvendig å sette et standard komprimeringsnivå, i så fall vil hver ny egenskap skrives på en ny linje. Hvis du setter den til "høy" eller "maksimum", vil filstørrelsen være mindre, men alt vil bli skrevet på én linje. Dette er ikke veldig praktisk for ytterligere redigeringer, men hvis det ikke er noen, kan du trygt sette det til "maksimalt".

Neste er vinduet for å spesifisere optimaliseringsmalene dine; vi hopper over det.

Neste er en fane som lar deg velge og kombinere velgere med de samme egenskapene. Alt avhenger av prosjekt og oppgaver. Hvis du skrev CSS-kode strengt tatt i en bestemt rekkefølge og alt er strengt tatt etter hverandre, bør du ikke velge å kombinere velgere. Dette vil gjøre det lettere for deg å navigere i koden.

Stiloptimalisering. La det være "trygt"

Komprimering av farger og skriftegenskaper er det jeg fortalte deg om. Selv om det er et problem med komprimering av skriftegenskaper. Det optimerer ikke koden, som jeg fortalte deg ovenfor.

De resterende innstillingene reiser ingen spørsmål. Generelt la jeg merke til at alle russiskspråklige tjenester for online optimalisering av css-kode, lider av en "sykdom". De optimaliserer ikke css3-koden. Noe som fikk meg til å helt forlate slike optimizere.

For eksempel skrev jeg inn følgende kode:

Jeg skrev den spesielt med manglende linjer, alt i detalj osv. Og jeg forventet å se noe slikt:

H1 (farge: #fff; polstring: 20px 25px; font: 700 18px Verdana, Arial, sans-serif )

Men det ble dessverre bare slik:

Sju linjer i stedet for fem. Dette passet ikke meg. Jeg ønsket å finne og fortelle deg om materiale av bedre kvalitet. Fordi jeg forstår at noen mennesker ikke er kjent med de forkortede typene stiloppføringer.

Og noe av funksjonaliteten til tjenestene virket unødvendig for meg, eller vel, pseudofunksjonalitet. For å skape utseendet til en "sofistikert" ressurs. Vel, hvorfor må jeg merke av i boksen ved siden av "reduser farger". Selvfølgelig, hvis jeg kom for å optimalisere koden min, så trenger jeg en kortere beskrivelse av alt som er mulig! (Min mening)

Så jeg fortsatte søket og fant selve ressursen som tilfredsstilte mine behov for å optimalisere css-koden. Dette er devilo.us

En virkelig fantastisk tjeneste som jeg trygt kan anbefale til deg. Funksjonaliteten er den samme som tidligere nettsteder. Men denne taklet oppgaven 100%. Se:

Som du kanskje har lagt merke til er komprimeringsprosenten 43,3 %, mens den på forrige side var 25 %. I byte viste det seg å være 58 > 37. Så kjedelig er jeg. Men når CSS-filen har 3000 linjer, kan slik optimalisering redusere vekten på dokumentet med det halve.

Selvfølgelig vil du over tid lære å skrive optimalisert CSS-kode med en gang, og du vil trenge slike tjenester mindre og mindre, men det skader ikke å teste deg selv. I det minste for tilstedeværelsen av ekstra mellomrom og hoppet over linjer.

Og det var alt for i dag. Ser deg snart.

Sikkert, hver selvrespektende optimizer bruker mye tid på å jobbe med html-kode. Disse trinnene har en viss praktisk betydning med tanke på bekvemmelighet for brukere og analyse av nettstedet ved hjelp av en søkemotor.

HTML-feil kan gjøre det vanskelig å indeksere og rangere sider for å avgjøre om innholdet er relevant for et bestemt søk. Overfloden av slike feil på forskjellige sider på nettstedet forteller søkemotorer om den lave kvaliteten på hele nettressursen. La oss liste opp de farligste HTML-feilene.

Selv det mest minimale arbeidet med html-kodeoptimalisering krever kunnskap om:

  1. HTML programmeringsspråk
  2. Innholdsstyringssystem CMS
  3. Kjennskap til CSS

Søkemotoren analyserer kontinuerlig hundrevis av nettsteder, og selv de mest fleksible parametrene kan ha en enorm innvirkning på rangeringen, noe som ikke er akseptabelt i et konkurransemiljø. For en optimizer er det viktig å kunne forutse og navigere: hvilke faktorer vil være av sentral betydning i rangeringen.

Optimalisering er på sin side ikke en ett-trinns prosess, men krever tålmodighet og leseferdighet, spesielt når du arbeider med html-kode.

HTML-kodeoptimeringstrinn:

  1. Generering av CSS-filen
  2. Fjerner unødvendige tagger
  3. Bruke globale blokker

Arbeid med CSS:

På dette stadiet er det verdt å overføre alle stilene til tabeller, bilder, sidetekst, lenker, menyer og andre ting til stilark. Dette gjøres for å gjøre sidekoden renere og ha mindre vekt.

1. Vi har følgende kode:

2. For å opprette en klasse, skriv i css-tabellen: .newstyle (bakgrunn: url(/style/backs.jpg); kantlinje: svart 1px dobbel.)

3. Nå kan du legge inn en ny klasse i tabellen:

Selvfølgelig har koden blitt mye mindre, og nå kan lasting av denne stilen brukes på alle sider. Denne metoden passer for alle tagger der stiler er spesifisert.

Fjerne unødvendige tagger:

Ofte på siden kan du finne fremmede koder, lenker til andre nettsteder, rammer osv. Du bør ikke ignorere dette.

1. Først av alt er det verdt å fjerne fremmede lenker, og hvis disse er lenker til kilden, så er det lurt å plassere dem i taggen , og også registrere parameteren. Dette gjøres for at søkemotorer ikke skal lese koden fra denne delen av siden.

2. Ikke overse forskjellige type koder