Svensk Server

Både hatade och älskade :)
Älskade för att man styr utseendet på webbsidor i detalj, hatade för att små missar kan skapa kaos på webbsidan.

Jag rekommenderar användning av tabeller enbart i samband med ett hemsideprogram. Anledningen till det är att det snabbt kan bli krångligt med alla kolumner och rader.

I ett hemsideprogram kan du experimentera med alla valmöjligheter som finns i meny för tabeller. Bland annat kan man bestämma tabellbredden, bakgrundsfärgen, infoga rader, sammanfoga celler o s v.

Målet med den här boken är att ge grundläggande kunskap i HTML. Därför kommer jag inte att gå igenom hur man gör webbsidor m h a tabeller. Det ända jag presenterar här är märkena som tabellerna representeras med och hur man använder enkla tabeller i sina webbsidor.
En enkel tabell ser ut så här:

<TABLE>
  <TR>
    <TD>Text 1</TD>
    <TD>Text 2</TD>
  </TR>
</TABLE>

Du ser en klar hierarki i koden. Det får man inte bryta om man inte vill bli överraskad av utseendet på webbsidan.

TABLE-märket startar med <TABLE> och slutar med </TABLE>. Det som finns mellan är kolumner och rader i tabellen med tillhörande innehåll.

TR-märket förekommer i samband med TABLE-märket, och alltid inom TABEL-märket (innan det stängs). TR står för ”table row” och är början på en ny rad (horisontellt) i tabellen.
I vårt lilla exempel har vi bara en rad. Den enklaste tabellen måste ha minst ett TR-märke (om inte kolumnmärke existerar).

TD-märket (table data) uppträder på samma sätt som TR-märket. Skillnaden är att det definierar kolumner.

Sedan har vi en rad attribut för alla tre märken. Det går jag inte igenom i detalj i den här boken.

BORDER-attribut har du redan sett i samband med bilder. Det har samma uppgift även här: anger tjockleken på ramen runt tabellen.

HEIGHT- och WIDTH-attribut anger höjden respektive bredden på TABLE, TR och TD märkena. Värdet man anger är utryckt i pixel. En viktig sak man ska tänka sig för när man definierar höjden och bredden är att man inte kan ha större bredd/höjd på en cell (radkolumn) än man har på hela tabellen.

BGCOLOR- och BACKGROUND-attribut fungerar på samma sätt som BGCOLOR och BACKGROUND för BODY-märket vilket jag förklarade tidigare.

Om man lägger en bild i bakgrunden i BODY-märket och en annan bild i TABLE-märket, vilken kommer att visas i tabellens rader och kolumner?
Testa så får du se själv 

Andra bloggar om: html, webb, blogg

De flesta har hört talas om mystiska Metamärken och hur viktiga de är för sajtens positionering och indexering hos sökmotorer. Jag kan redan nu avslöja hemligheten kring dem: Det finns ingen hemlighet!

Man har skrivit böcker om ämnet. En del har blivit rika på att lura folk på pengar med sitt skrivande om hemligheten bakom Metamärken och kopplingen med sökmotorer.

Det man ska komma ihåg är två av Metamärken:
1. KEYWORDS
2. DESCRIPTION

Varje Metamärke består av ett namn och ett innehåll.
HTML-koden för  KEYWORDS och DESCRIPTION:

 <meta name=”KEYWORDS” content=”din nyckelord”>
<meta name=”DESCRIPTION” content=”en kort beskrivning av din hemsida“>

Tro det eller inte, dessa två Metamärken och TITLE-märket är ansvariga för placeringar av din hemsida hos alla sökmotorer.

Men det är inte hela sanningen. Tro inte att med dessa märken din hemsida hamnar i top 10 efter en sökning på Google (eller någon annan sökmotor). Det är en stor lögn.

Självklart hjälper det att inkludera och optimera Metamärken i dokumentet men för att hamna i toppen måste man anpassa även andra märken i dokumentet. Det är ALLA märken i samspel plus andra faktorer som får din hemsida att komma högst upp i resultatlistan av en sökning på Google exempelvis.
Det är ett ämne för sig själv men du kan komma ihåg det här: Du kan hamna i toppen i en sökning om du väljer ETT NYCKELORD för EN SIDA du vill promovera. Sedan måste du skapa en konspiration i övriga märken i ditt dokument och prioritera nyckelordet. Alla märken i dokumentet måste promovera nyckelordet.

Ifall du undrar om jag kan lära dig sökmotormarketing, tro mig: Det kan jag :)

Egentligen, det är anledningen varför du behöver lära, eller åtminstone, förstå HTML-koden.
Anledningen är att du måste STYRA din hemsida och dennes position hos sökmotorer.

Du vet säkert att sökmotorer är största magneten för nya besökare till din hemsida.

Andra bloggar om: html, hemsida, webb

I princip borde du kunna överblicka källkoden av vilket HTML-dokument som helst. Vidare borde du kunna skriva mindre HTML-inlägg och börja tänka på nästa fas: att bygga egna hemsidor.

Hur pass mycket du kommer ihåg av allt du läst här beror på din bakgrund, inte på din förmåga att ta till dig nya saker. Det är alltid något man inte förstår helt och hållet och det är därför man börjar läsa om :).

Det gör jag faktiskt ganska ofta. Jag läser om texter som jag redan kan. Anledningen är att jag också vet att man ALLTID missar något viktigt.

Mitt mål med boken är att lära dig förstå HTML-koden i grund och botten och det som är viktigast i kapitel ett är:
- Du bör kunna förstå HTML-koden
- Ett HTML-dokument är en samling av märken och vanliga ord. Märkenna är speciellt definierade ord som påverkar utseendet på ditt dokument.
- De flesta märken kommer i par: <ÖPPNA></STÄNGA>

TIPS:
Gå igenom angivna exempel flera gånger och experimentera på egen hand.

Andra bloggar om: html, hemsida, webb

När HTML protokollet gjordes i samband med Nätet fanns det inga Metamärken. Det var sökmotorer som skapade behovet för Metamärken.

Sökmotorer använder sig av Metamärken för att stämpla ett HTML-dokument på ett snabbt och enkelt sätt.

Det finns många millioner hemsidor på Nätet. Sökmotorer behöver ett kännetecken för varje hemsida för att kunna kategorisera alla hemsidor. Metamärken var lösningen som sökmotorer upptäckte.

Metamärken kategoriserar ett HTML-dokument och hjälper till vid sparandet till stora databaser på Nätet som används av sökmotorerna.

Varje Metamärke består av sitt namn och innehåll. Namnet på märket identifierar innehållet när sökmotorer går igenom en hemsida.

Du kanske undrar hur kan Metamärken göra det jobbet? Hur är de kopplade med sökmotorer?

Det är dags att presentera ”SPIDERS” och ”ROBOTS” som de heter på engelska.

WWW står för Worls Wide Web. Ordet “Web” används i namnet för att ALLA datorer som är uppkopplade till Internet är på något sätt kopplade även sinsemellan.
Där “web” finns, finns “spiders” också :)

Det finns många olika “spiders” på Nätet. De är datorprogram vars uppgift är att gå igenom hela Webben och göra sina specifika uppgifter.

Exempelvis finns det “spider” vars uppgift är att samla e-postadresser från hemsidor på Nätet. Ett annat exempel är ”spider” som kollar upp länkar på hemsidor.

Sökmotorer använder sig av “spiders” för att samla information om hemsidor. De skickas ut på Nätet, samlar information och skickar den tillbaks till sin sökmotor.

”Spiders” är skapelser som bildar kategorier åt en sökmotor medan ”robots” tar hand om kategorierna och informerar sin sökmotor om vad ”spiders” hittade på Nätet. Det kan vara information om en hemsida fortfarande existerar, om den ändrats osv.

För att illustrera det lite mer tar jag ett lustigt exempel:

Föreställ dig “spiders” som CIA-agenter, sökmotor som CIA och ”robots” som CIA-spioner.

CIA skickar sin agent till Luxemburg. Han kommer dit och börjar samla information om landets resurser och militära kraft. Efter det flyger han hem till USA och rapporterar det han samlat om Luxemburg. CIA arkiverar informationen.
 
Efter en viss tid bestämmer sig CIA att kontakta en spion (robot) som var för tillfället i Frankrike. Han får nya instruktioner: ”Åk till Luxemburg och kolla läget!”

Ytligt samlar han data om landet och faxar den till USA. Där står det: ”Ingenting har ändrats i Luxemburg” . . . eller skickar han: ”Landet har samlat på sig enorma militära kraft till sjös och utgör ett hot mot USAs säkerhet. Möjlig koppling med terroristnätverket Del-Qoda.”

Hade spionen skickat första meddelandet till CIA skulle de inte skicka sina agenter till Luxemburg men eftersom meddelandet inte stämde överens med CIA:s arkiv (Luxemburg är ett kontinentalt land och informationen från spionen var lite udda) kommer man att skicka en erfaren agent (“spider”) för att kolla läger och uppdatera informationen.

Det är hur sökmotorer, “spiders”, “robots” och META-märken fungerar. Självklart skickas det inga agenter till din hemsida :) (det får vi hoppas på).
”Spiders” och ”robots” gör ingen skada.

Det som är bra att veta är att vissa sökmotorer skickar sina ”spiders” som kollar lite mer än enbart Metamärken.

Till exempel:
Google säger till sin “spider”:
”Gå och kolla vad Metamärken säger om hemsidan MEN stanna kvar och kolla om informationen från Metamärken stämmer överens med sidans innehåll i övrigt.”

Google befaller mer:
“Ifall Metamärken innehåller information som är irrelevant för hemsidans innehåll, markera den hemsida med ett rött kort.”

Nu kommer vi till en slutsats:
Metamärken är till för att hjälpa vid kategorisering av Nätets innehåll. Försöker du lura sökmotorer genom att skriva irrelevant information i Metamärken kommer du aldrig att se din hemsida indexerad i sökmotorernas bibliotek.

Google säger också:
“Jämför information du hittar i Metamärken med det som står i hemsidans titel. Sedan ska du kolla om samma information är upprepad i första stycket i texten inom <body></body>-märken. Kolla också att informationen inte upprepas FÖR OFTA. Ifall något är skumt, ska du markera hemsidan med ett rött kort.”

Google befaller också:
”Ta informationen från Metamärken och kolla om innehållet från ”keywords” och ”description” är upprepade i resten av hemsidan. Räkna antalet gånger det inträffar.”

Ännu en slutsats:
Att fuska med Metamärken kan leda till att din hemsida aldrig visas i sökresultatet på Google och andra sökmotorer.
Bra skrivna Metamärken reflekterar precis det som hemsidan innehåller.

Andra bloggar om: html, seo, webb

ALLA Metamärken finns mellan <head> och </head> märken.

Ett HTML-dokument kan se ut så här:

<html><head><title>Billiga bärbara datorer</title>
<META NAME=”Reply-to” CONTENT=”noname@hemsida.ws”>
<META NAME=”Author” CONTENT=”ditt namn”>
<META NAME=”Subject” CONTENT=”Datorer”>
<META NAME=”Description” CONTENT=”Bästa platsen på Nätet om bärbara datorer. Begagnade, nya, recensioner, tester och mycket mer hittar du här.”>
<META NAME=”Keywords” CONTENT=”bärbara datorer”>
<META NAME=”Language” CONTENT=”Swedish”>
<META NAME=”Revisit-after” CONTENT=”15 days”>
<META NAME=”Robots” CONTENT=”All”>
<META NAME=”Rating” CONTENT=”GENERAL”>
<META NAME=”Classification” CONTENT=”PC”>
</head><body>Texter om bärbara datorer.</body></html>

Fuska aldrig med Metamärken. Så småningom kommer du att upptäcka vilka nyckelord som är mest sökta på Nätet. Exempelvis ordet ”adult” är ett av dem. Låt oss säga att du lyckas lura sökmotorer genom att ha irrelevanta nyckelord. Med irrelevanta menar jag nyckelord som inte har med innehållet på din hemsida att göra.

Vidare, antar vi att en besökare var på Google och sökte frasen ”free adult material”. Dina Metamärken var anpassade för dessa nyckelord och han hamnar på din hemsida som innehåller information om din favorit skådespelare (eller vad som helst som inte har en koppling med nyckelorden).

Vad tror du nu, hur länge stannar han på din hemsida? Hur länge stannar du på hemsidor du inte ville komma till?

Det viktigaste man kunde lära sig idag var att ha relevant information i Metamärken. Man vill ha många besökare på sin hemsida men kvalitet är viktigare än kvantitet.

Andra bloggar om: html, seo, webb