WN

WN (https://www.wn.se/forum/index.php)
-   Sökmotorpositionering (https://www.wn.se/forum/forumdisplay.php?f=11)
-   -   Följa webbstandards + sökmotorsoptimering = BANNAD (https://www.wn.se/forum/showthread.php?t=7920)

Rasmus 2005-05-13 12:40

Jag sitter med ett litet problem efter en uppdatering på min sida. För att inte skäpa ner XHTML koden med preloads eller javascript, men ändå inte få något reaktionstid på mina rollovers. (altså att det är en laddningstid från det att man håller musen över en bild tills det att effekten visas). Så har jag gjort en egen lösning på problemet.

Lösningen är att jag har en bild som är dubbelt så hög som den ska vara, övre halvan av bilden visas när man inte har musen över, och nedre halvan visas när man har musen över, på så sätt blir det inte några extra laddningstider. För att nu inte få en massa XHTML kod som sökmotorerna läser har jag valt att ha all CSS:en i en fil som inkluderas.

XHTML koden blir:
Kod:

<a href="/news/" id="img1"></a>
CSS koden blir:
Kod:

#img1
{
        width: 96px;
        height: 134px;
        overflow: hidden;
        background: url(../images/menu/news.gif) top left no-repeat;
        display: inline;
        float: left;
}
 
#img1:hover
{
        background-position: bottom left;
}

Problemet jag nu har är att sidan inte valideras med denna kod eftersom jag inte har något objekt som länkas inom <a></a>. Men OM jag har något innanför <a></a> så syns inte det, eftersom det ligger en bild ovanför. Vilket är samma sak som dold text. Skriver jag rätt anchortext där har jag ju dold text för att förbättra min SEO, vilket inte är tillåtet. Jag kan också ha ett annat tecken t.ex. en punkt bara, vilket också är dold text, men om det räknas som fusk vet jag inte. Problemet är då att detta bör försämra min SEO iom att jag får fel anchortext till den sidan. Jag har länkar till sidorna med rätt anchortext i min sitemap också, men jag tycker att det bör försämra iom att dessa rollover bilder ligger högst upp på alla sidor.

Någon som har något förslag på hur jag skulle kunna göra för att få rätt på detta?

Robert 2005-05-13 13:09

Jag vill bara inflika med att det går knappast för sökmotorerna att upptäcka dold text automatiskt, utan de förlitar sig på tips de får in. Jag använder själv vit bakgrundsfärg på något stället samt att jag kör vit text på detta. Grejjen är att jag också använder en bild som bakgrund på just detta ställe (sätts via css). Om tex Google skulle försöka sig på något halvhjärtat försök att leta efter dylika fusk så ligger många siter illa till då de har liknande lösningar implementerade (sökmotorn kan ju inte veta hur bakgrundsbilden ser ut...)

Now back to topic. =)

Rasmus 2005-05-13 13:14

Men jag vill ju inte fuska, jag sitter själv och anmäler konkurrenter som använder dold text för att kontrollera sina adsense länkar. Jag kan ju själv inte bryta mot reglerna då.

Jag har hört att man ska ha fin kod på sidan som validerar. Fast undrar om det går lika bra att bara ha fin kod, jag tycker det finns många onödiga saker i webbstandarsen som försämrar programmeringen.

jihoakim 2005-05-13 14:10

Kan du inte lägga in ett mellanslag i .
Eller hoppar bilden då med kanske?

digiArt 2005-05-13 14:50

Man kan se det hela ur användbarhetssynpunkt också, om jag använder screenreader eller stänger av bilder på sidan.

Hur ska jag kunna klicka på din länk då?

Att se detta som dold text i seo synpunkt känns lite "off target", såvida det inte är därför du gjort på detta viset.

Följ istället accessibility-reglerna och lägg in en länktext samt title, gör sedan som du tänkt.

TjörnDesign 2005-05-14 15:07

Citat:

Jag vill bara inflika med att det går knappast för sökmotorerna att upptäcka dold text automatiskt, utan de förlitar sig på tips de får in
Varför skulle dom inte kunna det. Knappas speciellt svårt för dom.
Du blir naturligtvis inte bannlyst för det.
Men, det innebär garanterat en "dämpning" av kvaliteten och möjlighet till topplacering.

Citat:

Men jag vill ju inte fuska, jag sitter själv och anmäler konkurrenter som använder dold text för att kontrollera sina adsense länkar. Jag kan ju själv inte bryta mot reglerna då.
Sund inställning jozomannen.
Skapa siter sök besökare, inte sökmotorern.

Ditt problem ligger i valideringen.
Jag tror inte att G bryr sig så mycket om det felet.
Skulle göra det och testa i 2 veckor.
Skulle du av någon konstig anledning tappa i resultat för det (inte troligt) så är det ju bara att ändra tillbaka.
Var inte orolig, sökmotorerna rankar tillbaka dig isåfall.

Robotarna bryr sig garanterat inte alls om validerigen.

Arguspunktnu 2005-05-14 16:51

Har du inte en lite omständig lösning? Mitt förslag är ändå att köra med javascript, går ju att bifoga med:

Kod:

<script LANGUAGE="JavaScript" src="kod.js"></SCRIPT>
Det övriga skulle bli:

Kod:

<a href="sidan.html"><img src="sökväg/till/bild" id="img1" OnMouseOver="AndraVisning();" /></a>
I css:en anger du att img1 ska vara dold, något som du ändrar i funktionen AndraVisning(); som finns i kod.js.

Därefter är det bara att använda title och/eller alt för att ge vad sökmotorerna bör få.

Robert 2005-05-14 17:59

Citat:

Originally posted by TjörnDesign@May 14 2005, 15:07
Citat:

Jag vill bara inflika med att det går knappast för sökmotorerna att upptäcka dold text automatiskt, utan de förlitar sig på tips de får in
Varför skulle dom inte kunna det. Knappas speciellt svårt för dom.

De (G) läser kod, inte någon optisk skärminläsning av den renderade html-outputen. Om man bara menar att hitta dold text "the old way" så är det lätt, tom jag kan göra det (via en fonttag med en viss färg satt). Men att försöka lista ut hur en sida visas i en webläsare enligt nyare standarder är väl mer eller mindre omöjligt, och detta skulle isådana fall drabba både icke fuskare som fuskare.

Dagens hemsidenissar har väl kanske lagt gamla redundanta font-taggar på hyllan...

Rasmus 2005-05-14 21:38

Citat:

Originally posted by Arguspunktnu@May 14 2005, 16:51
Har du inte en lite omständig lösning? Mitt förslag är ändå att köra med javascript, går ju att bifoga med:
Kod:

script LANGUAGE=JavaScript src=kod.js/SCRIPT
Det övriga skulle bli:
Kod:

a href=sidan.htmlimg src=sökväg/till/bild id=img1 OnMouseOver=AndraVisning; //a
I css:en anger du att img1 ska vara dold, något som du ändrar i funktionen AndraVisning(); som finns i kod.js.
Därefter är det bara att använda title och/eller alt för att ge vad sökmotorerna bör få.

Man får inte några extra laddningstider när man gör på det viset då? altså att det blir en delay från det att man håller musen på bilden tills det att nya bilden visas?



Citat:

De (G) läser kod, inte någon optisk skärminläsning av den renderade html-outputen. Om man bara menar att hitta dold text "the old way" så är det lätt, tom jag kan göra det (via en fonttag med en viss färg satt). Men att försöka lista ut hur en sida visas i en webläsare enligt nyare standarder är väl mer eller mindre omöjligt, och detta skulle isådana fall drabba både icke fuskare som fuskare.
Jag är inte rädd för för sökmotorerna, men jag vill vara på den säkra sidan att inte ha någonting som kan klassas som fusk, ifall någon anmäler mig vill jag vara helt 100 på att det inte händer någonting.

tydal 2005-05-15 08:54

<a href="#"> är väl det man brukar skriva när man inte vill hårdkoda en länk i html-koden?

Rasmus 2005-05-15 11:55

Citat:

Originally posted by tydal@May 15 2005, 08:54
a href=# är väl det man brukar skriva när man inte vill hårdkoda en länk i html-koden?


Hur menar du?

koala 2005-05-15 12:27

Citat:

Originally posted by jozomannen@May 13 2005, 12:40
... Någon som har något förslag på hur jag skulle kunna göra för att få rätt på detta?

Jag gjorde en liknande lösning sist. Kanske inte bättre egentligen, men jag gillade den iaf. Ingen preloader behövs heller.

Kod:

<a class="smallmap" href="bild.jpg" title="Klick for større bilde."><img style="display:none;" src="smallmap2.gif" alt="Smallmap2" /></a>
Och CSS:

Kod:

a.smallmap {
        display: block;
        width: 205px;
        height: 172px;
        background: transparent url(smallmap1.gif) top left no-repeat;
}
a.smallmap:hover {
        background: transparent url(smallmap2.gif) top left no-repeat;
}

EDIT: ändrade lite sökvägar

tydal 2005-05-15 12:31

Jag missförstod din fråga som att det var href-attributet du ville ha tomt och inte det mellan a-taggen.

Men det är tillåtet att inte ha något mellan <a> och </a>. Jag provade nyss att skapa en sån testsida (xhtml strict) och den validerade. Så om din sida inte validerar är det förmodligen något annat som är fel.

Arguspunktnu 2005-05-16 02:15

Jozomannen: nej ingen laddtid eftersom bilden laddas direkt, bara det att den i ursprungsläget är dold. :)

Sedanär det alltid en dum idé att skriva <a href="#"> om man vill att en sökmotor ska hitta sidan, det är som att be om problem. Alltid riktigt sökväg, såvida man inte har något syfte med #-tecknet, tex att synliggöra ett lager högt upp på sidan.


Alla tider är GMT +2. Klockan är nu 04:33.

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