Avatar billede Slettet bruger
27. oktober 2005 - 00:05 Der er 12 kommentarer og
1 løsning

Brug af CSS til at definere tabeller

Et vistnok naivt spørgsmål.
Jeg har læst et sted, at det af hensyn til ranking i Google mm. er godt at definere tabeller med CSS.
Jeg har nogle sider, som består af een tabel med tre kolonner og 2-3 rækker.
Betyder det også noget her om man bruger CSS eller ej? Nej vel?
Avatar billede olebole Juniormester
27. oktober 2005 - 00:33 #1
<ole>

Det må du have misforstået. Du kan style tabeller med CSS ... intet andet.
Tabeller er HTML-elementer, der hører til under sproget HTML.
CSS er et helt andet sprog, som ikke kan oprette HTML-elementer ... kun style dem  :)

/mvh
</bole>
Avatar billede apo Praktikant
28. oktober 2005 - 17:25 #2
Det eneste rigtige jeg kan se i det, du (ngt) skriver må være, at hvis man lægger alle sine styles (CSS) ud i et eksternt stylesheet. I det tilfælde vil Google ikke skulle gennemgå så megen HTMLkode, som ellers (Hvilket Google måske belønner?).

I al fald vil Google ikke skulle bruge nær så mange ressourcer på at gennemlæse din kode, som ellers (Google læser ikke CSS).

Hvis du f.eks. i stedet for at sætte attributten width="800" (Gammeldaws HTML) på dit table, bruger CSS (Og kalder det fra et eksternt stylesheet):

[EKSTERNT STYLESHEET - Et txt-dokument kaldet: 'stylesheet.css']:
mitTable {width:800px; border-collapse:collapse;}
minTD {width:800px;}

[DIT HTML-DOKUMENT]:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Dokument</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="/CSS/stylesheet.css">
</head>
<body>
    <table class="mitTable">
        <tr>
            <td class="minTD">&nbsp;</td>
        </tr>
    </table>
</body>
<html>

... Vil din HTML fylde meget mindre. Hvis du senere vil rette eller ændre bredden på dit table eller din td, gør du blot dette fra dit eksterne stylesheet.

Som olebole skriver, er CSS et sprog der kan samarbejde med (styre) HTML, ikke erstatte HTML :-)
Avatar billede apo Praktikant
28. oktober 2005 - 17:27 #3
Rettelse: i det, du (ntg) skriver ...
Avatar billede apo Praktikant
28. oktober 2005 - 17:31 #4
Argh... Rettelse:
.mitTable {width:800px; border-collapse:collapse;}
.minTD {width:800px;}
Avatar billede Slettet bruger
31. oktober 2005 - 11:10 #5
Tak for det, men kan det være rigtigt, at det gør en forskel for Google, om de 2 halve linier er med eller ikke?
Avatar billede apo Praktikant
31. oktober 2005 - 15:14 #6
Nej, de to linjer burde ikke gøre den store forskel. Men hvis man har mange styles i sine HTML-dokumenter, kan man reducere mængden af kode i dokumentet, ved at lægge dem (indholdet af sine styles) ud i et eksternt stylesheet.

Generelt bør man bruge id'er og klasser (id="" og class="") til at style sin HTML, ikke de gamle attributter (width="600").

Hvorvidt, Google giver en højrere PageRank for det, er ikke til at sige (Det ændrer formentlig intet). Men da GoogleBot skal gennemlæse mindre kode (Og bruge færre ressourcer på indekseringen), vil Google have lettere ved at indeksere det enkelte dokument. Det handler om sidernes tilgængelighed.

Google og indeksering er en kompliceret størrelse, som jeg først lige er begyndt at få en forståelse for. Der er mange ting man skal tage med, når man vil opbygge et søgemaskinevenligt layout (Sidestruktur). Du kan læse lidt om søgemaskinevenligt webdesign her: http://www.solutions2buy.dk/step4.html

Det vigtigste for at opnå en god PageRank må stadig være at man arbejder med sine søgeord (Ikke dem, nogle lægger i et META-tag). Læs mere her: http://www.solutions2buy.dk/step3.html

Google tillægger tekst, der befinder sig i heading-elementerne: <h1>, <h2> og <h3> stor værdi. Derfor bør mange af søgeordene befinde sig her.

Læs hele serien om SEO (Søgemaskineoptimering) her: http://www.solutions2buy.dk/seo-guide.html (Den er virkelig oplysende).

Du kan også blive klogere på SEO af, at læse artiklerne her:
http://exp.dk/artikler/Generelt-IT/Soegemaskiner/
Avatar billede apo Praktikant
31. oktober 2005 - 15:22 #7
Du bør lige være opmærksom på følgende, når du læser artiklen http://www.solutions2buy.dk/step4.html fra solutions2buy:

"Søgemaskinevenlige tabeller
De fleste opbygger deres hjemmesider i tabeller. Vi vil ikke gå ind i en diskussion om, hvorvidt det er den optimale løsning eller, om man skal bruge ren CSS - selv bruger jeg CSS:-)."

Når han skriver 'ren CSS', burde han i stedet have skrevet 'tabelfri HTML, stylet med CSS' (Jeg tror at det er det, han i virkeligheden mener)

Bare lige en indskydelse ;-)
Avatar billede apo Praktikant
11. november 2005 - 18:14 #8
Er du blevet klogere?
Avatar billede apo Praktikant
13. november 2005 - 17:50 #9
Velbekomme :-(
Avatar billede Slettet bruger
13. november 2005 - 18:33 #10
Ja, ja. Jeg har jo været travlt optaget af at læse alle de hjemmesider, som http://www.solutions2buy.dk/step4.html ledte mig frem til.
Men ja, jeg ER blevet meget klogere, så tak for hjælpen.
Hvad med nogle svar til points?
Avatar billede apo Praktikant
17. november 2005 - 18:53 #11
Jeg troede at du havde glemt spørgsmålet... Så lægger jeg et svar :-)
Avatar billede Slettet bruger
17. november 2005 - 20:14 #12
sådan
Avatar billede apo Praktikant
17. november 2005 - 22:57 #13
Tak for points :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester