skriv ut »Meta-märket
Meta är ett prefix och inte ett ord i egentlig bemärkelse och kan betyda "bakom" eller "gömd". Meta är delen av något som inte är synligt men påverkar egenskaperna. I en dokument används META-märken inom <HEAD> för att ange information om sidan. Det kan vara info om sökord, innehåll, författare, copyright och teckenuppsättning. META kan också användas för att ge information till webservern om uppdateringsintervall mm. Du kan använda i två sorters Meta-information:
- <META HTTP-EQUIV="..."> som anger att informationen ska skickas som en "header" vilket är den information som läses av webläsaren före HTML-koden. Innehållet i en "header" visas inte i webläsaren utan är dold information mellan webservern och webläsaren.
- <META NAME="..."> som kan användas för att ge information om sidans innehåll. Ofta används detta till att beskriva sidinnehållet för söktjänsterna.
Ge information till sökmotorerna
De flesta söktjänster som Google, Altavista, Yahoo mm använder META för att samla information om innehållet och nyckelorden på websidan. Genom att ange så många relevanta sökbegrepp som möjligt kan du göra så att din webplats hittas lättare. Förr var detta ett sätt att öka sidans ranking i söktjänsterna men idag indexerar flera söktjänster istället sidans egentliga innehåll och kan helt enkelt ignorera de angivna sökorden (keywords) som du själv angivit. Anledningen till det är att många missbrukat sökorden och använt ord som inte funnits i sidans innehåll för att locka besökare. En tvivelaktig metod då de eventuella besökare du får förmodligen lämnar din webplats så snart de inser att de blivit lurade... Flera söktjänster anser att ett stort antal sökord snarare är ett försök att lura sökroboten och kan då helt utesluta din webplats. Exakt hur de olika söktjänsternas sökrobotar indexerar din webplats är svårt att veta då de använder olika metoder och dessutom ändrar spelreglerna. Förut kunde du få en innehållslös webplats högt upp bland träffarna med hjälp av smart sökordspositionering men idag har söktjänsterna genomskådat detta. Idag gäller det i första hand att ha en webplats med ett intressant innehåll och som många dessutom länkar till vilket ju visar att den är populär. Söktjänsterna går också igenom många webplatser manuellt för godkännande innan de lägger till en webplats.
"Googles index som är ett av de största i världen. Trots det kommer inte alla sidor som finns på Internet med. De flesta av sidorna som inte kommer med hamnar långt ner i hierarkin på de stora webbplatserna. Det finns regler som säger att man inte får anropa samma webbserver mer än en gång per minut. Det begränsar oss i indexeringen av webbplatser som har miljontals sidor, t.ex. gratis webbhotell. Vi gör vårt bästa för att ta med så många sidor som möjligt och lösa dessa problem. Men det finns aldrig någon garanti för att en sida blir registrerad."
Använd Keywords och Description med måtta och använd bara sökord och beskrivning som har anknytning till innehållet i din webplats. Om du använder "oseriösa" sökord kan du bli "utkastad" från söktjänsten. Begränsa antalet sökord, använd bara sökord och beskrivning som du verkligen anser beskriver din webplats. Här är exempel på hur du kan ange sökord som sökmotorerna ska indexera i första hand och en beskrivning om webplatsen som kommer att synas i sökresultatet när någon hittar din webplats:
<meta name="keywords" content="webdesign, webbdesign, webdesignskolan, html, htmlkurs, grafik, webgrafik, photoshop, illustrator">
<meta name="description" content="Webdesignskolan är din gratisresurs när du gör hemsidor. Här hittar du all information du behöver för att skapa attraktiva webplatser!">
</HEAD>
Tänk på att du kan underlätta för söktjänsterna att hitta dina websidor genom att gå direkt till respektive söktjänst och registrera din sida manuellt! Du hittar fler metoder och information på weblänksidan ».
Copyright och författare
Meta-informationen kan du också använda för att tala om vem som gjort sidan och övrig copyrightinformation. Egentligen behöver du inte ange detta då du ändå har copyright på det som du själv skapar men som författare vill du kanske ändå ha lite credit...
<meta name="author" content="Tony Michaelsson">
<meta name="copyright" content="Webdesignskolan 2006">
</HEAD>
Många HTML-editorer använder Meta-informationen för att tala om att koden är genererad i programmet och du kan själv ange detta om du vill.
<META NAME="generator" content="Dreamweaver MX">
</HEAD>
Skicka besökaren till annan sida
Om du har en "välkomstsida" innan man kommer in till din webplats kan du som ett komplement till att låta besökaren klicka sig vidare istället använda ett tidsinställt sidbyte. Tiden anges i sekunder. Passar även utmärkt när du bytt webadress och vill slussa alla besökare till den nya adressen. TIPS! Du kan ange tiden till: 0 sekunder så märker inte besökaren att han/hon slussas vidare.
<meta http-equiv="refresh" content="20; URL=nysida.htm">
</HEAD>
Ladda om sidan
De metoder som beskrivs nedan används av vissa webläsare som tex Netscape för att inte hämta den information som eventuellt finns i cache (information som lagras lokalt för snabbare surfning) och istället hämtar all information på nytt. OBS! Tveksamt om detta fungerar i Internet Explorer. Du kan även använda samma META som ovan för att ladda om och uppdatera all information på sidan automatiskt. Användbart om informationen på din websida alltid skall vara aktuell, tex börskurser, inloggning mm:
<meta http-equiv="refresh" content="60">
</HEAD>
En annan metod är att ange exakt vilket datum informationen är inaktuell. Anledningen kan vara att få söktjänsten att indexera om eller ta bort sidan (även om det är tveksamt om det verkligen fungerar idag):
<meta http-equiv="expires" content="Fri, 15 Oct 2004 05:30:00 GMT">
</HEAD>
Om du vill att webläsaren ska hämta sidan på nytt varje gång den anropas och ignorera cache-minnet kan du använda "Pragma":
<meta http-equiv="Pragma" content="no-cache">
</HEAD>
Teckenuppsättning
Du kan ange vilken teckenuppsättning din websida ska anpassas för. Om din sida ska läsas av västerländska länder, tex USA och VästEuropa. Dina sidor tolkas då inte inte korrekt av tex japanska webläsare... Följande teckenuppsättning gäller för "Western(Latin1)":
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</HEAD>
Gömma sidor för söktjänster
Om du inte vill att de olika söktjänsterna bara ska registrera vissa av dina websidor kan du också använda META för att ange vilka sidor du vill ha anonyma. Det kan tex vara undersidor i ett Frameset när du vill att besökare ska komma in "rätt väg" via startsidan. Ange "Noindex" på varje sida som inte skall vara indexerad hos söktjänsterna:
<meta name="robots" content="noindex">
</HEAD>
Har du en sida som du vill ha med hos söktjänsterna men inte vill att undersidorna som länkarna går till skall indexeras kan du använda "Nofollow":
<meta name="robots" content="nofollow">
</HEAD>
...om du varken vill att den aktuella sidan eller de sidor den länkar till ska vara med:
<meta name="robots" content="noindex, nofollow">
</HEAD>
Ett komplement till att använda META för att dölja websidor för sökmotorer är att skapa en textfil i tex Anteckningar (Notepad) med namnet:
robots.txt
Dokumentet "robots.txt" placeras direkt i huvudmappen för din webplats och inte i någon undermapp. Om din adress är tex www.dindomän.se/företag så döljer du allt innehåll i undermappen projekt så här:
Disallow: /företag/projekt/
Om du vill dölja websidan personalfest.htm i mappen projekt:
Disallow: /företag/projekt/personalfest.htm
Dölj verktygsfältet "Bild"
i Internet Explorer 6
Webläsaren Internet Explorer 6 visar verktygsfältet "Bild" (Image toolbar) när muspekaren placeras över en bild. Det gäller i huvudsak större bilder så menybilder och andra små bilder aktiverar inte verktygsfältet. Om du har IE6 kan du prova att föra muspekaren över bilden nedan:
Bild i storlek 350x263 pixlar:
Bild i storlek 265x199 pixlar:
Såg du inget verktygsfält på den undre lilla bilden? Det verkar som om verktygsfältet inte visas på bilder med bredd eller höjd mindre än 200 pixlar...
...och du som inte har IE6 kan se det tänkta resultatet här:
Du kan anpassa dina websidor så att verktygsfältet inte visas på 3 sätt:
- Inom <META> gällande för alla bilder i hela dokumentet
- För varje bild i <IMG SRC>
- Undanta vissa bilder om du använder metod 1 (META)
Exempel 1:
För att ta bort verktygsfältet på alla bilder som finns i ett dokument anger du koden inom <META>:
<meta http-equiv="imagetoolbar" content="no">
</HEAD>
Exempel 2:
För att ta bort verktygsfältet per bild anger du koden inom <IMG SRC>:
Exempel 3:
Om du använt metod 1 (META) men ändå vill att vissa bilder ska synas anger du det per bild i <IMG SRC>:
Sidövergångar - RevealTrans
Reveal transitions eller direkt översatt till svenska; "avslöjande övergångar" kan användas vid byte från en websida till en annan och ger övergångseffekter liknande de som finns i tex PowerPoint. Du bestämmer själv om övergången ska ske när besökaren kommer till sidan eller lämnar den genom att ange "page-enter" eller "page-exit". Exemplet nedan ger vertikala persienner (vertical blinds) när besökaren hämtar sidan (page-enter):
<meta http-equiv="page-enter" content="revealtrans(duration=4, transition=8)">
</HEAD>
Klicka här för att se hela guiden med 24 olika sidövergångar »
