WN

WN (https://www.wn.se/forum/index.php)
-   Sökmotorpositionering (https://www.wn.se/forum/forumdisplay.php?f=11)
-   -   Bilder i H1 tag (https://www.wn.se/forum/showthread.php?t=20613)

Adam 2007-04-15 22:47

Hejsan

Jag gör en site där jag kommer att ha bilder för ett par bokstäver för att få en lite snyggare layout (jag vill inte använda sifr). Nu funderar jag på att lägga dessa i en H1 tagg, exempelvis så kommer det i H1 taggen att stå "apa apa test" där test är utbytt mot bilder på bokstäverna, givetvis langar jag in alt taggar på bilderna med 't', 'e' osv. Frågan lyder då, kommer google att gilla detta? Ser den <img> taggarna som något taskigt och skippar hela H1an eller kommer den att läsa av bildernas alt taggar och behandla H1 taggen som tänkt?

MVH

Förtydligande exempel:
Kod:

<h1>apa apa <img src="t" alt="t" /><img src="e" alt="e" /><img src="s" alt="s" /><img src="t" alt="t" /></h1>
Istället för:
Kod:

<h1>apa apa test</h1>

MattiasA 2007-04-15 22:57

<h1> är inte gjort för bilder utan för rubriker, tänk om!

mazada 2007-04-15 23:03

vet inte om detta är korrekt men jag hade försökt fått in bilden i css

Kod:

<h1> apa apa <span>test</span></h1>
Kod:

h1 span {display: block; height: xxpx; width:xxpx; overflow: hidden; text-indent: -9999px; background: url(bild.gif) no-repeat 0 0; }

lite innovativt ha =)

Björn 2007-04-15 23:30

antingen sifr.. eller byt img "on the fly" medhelst javascript (vilket är vad sifr gör med).

melin 2007-04-15 23:50

google kommer läsa av alt-taggarna som (om du t.ex har ordet Banan)

"b" "a" "n" "a" "n" och inte "banan" som du vill ha det till

Saint 2007-04-16 09:26

Citat:

Originally posted by mazada@Apr 15 2007, 23:03
vet inte om detta är korrekt men jag hade försökt fått in bilden i css

Kod:

<h1> apa apa <span>test</span></h1>
Kod:

h1 span {display: block; height: xxpx; width:xxpx; overflow: hidden; text-indent: -9999px; background: url(bild.gif) no-repeat 0 0; }

lite innovativt ha =)

Smart! Men det är lite old school. CNN har använt bilder i sin rubrik i ett par år (gissar jag :)
Exempel: http://www.cnn.com/2007/US/04/15/pilot.coc...aine/index.html
- Titta efter "Story Highlights", det är en rubrikbild & text.
Kolla koden.

Adam 2007-04-16 20:27

Jo jag är bekant med att många sidor använder bilder som rubriker. Exempelvis resume gör det, dock lägger de inte bilderna i header taggar - verkar lite småpuckat.

Nu har jag i alla fall hört både det är inte bra och det funkar. Jag är inte alls intresserad av vad H1 taggen var gjord för från början. Standarder skiter jag högaktligen i (eftersom att alla andra gör det), jag är intresserad av verkliga effekter. Någon som vet mer om ämnet eller ska man ta och chansa?

melin 2007-04-16 20:28

Citat:

Originally posted by Adam@Apr 16 2007, 19:27
Standarder skiter jag högaktligen i (eftersom att alla andra gör det)
Vilka är alla andra? Jag skiter då inte i det

Saint 2007-04-16 22:40

Citat:

Originally posted by Adam@Apr 16 2007, 20:27
Jo jag är bekant med att många sidor använder bilder som rubriker. Exempelvis resume gör det, dock lägger de inte bilderna i header taggar - verkar lite småpuckat.

Nu har jag i alla fall hört både det är inte bra och det funkar. Jag är inte alls intresserad av vad H1 taggen var gjord för från början. Standarder skiter jag högaktligen i (eftersom att alla andra gör det), jag är intresserad av verkliga effekter. Någon som vet mer om ämnet eller ska man ta och chansa?

Jag vet inte säkert, men jag gissar (och hoppas) att en robot läser "<h1><span>test</span></h1>" som vanlig text(?) Det är bara människan som ser bilden... Jag skulle bli förvånad annars.

Adam 2007-04-16 22:44

Citat:

Ursprungligen postat av melin
Citat:

Ursprungligen postat av Adam
Standarder skiter jag högaktligen i (eftersom att alla andra gör det)


Vilka är alla andra? Jag skiter då inte i det

Lite spetsat, det jag menar är att det är hur massorna hanterar informationen som spelar roll. Exempelvis Internet Explorer och Google.


Alla tider är GMT +2. Klockan är nu 02:21.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson