[clirre]

Hej,

Jag håller på att diskutera med en utvecklare hur vi ska lösa en sida som till mångt och mycket bygger på JavaScript och grafik. Således lite av en SEO-teknisk utmaning.

När man klickar på -Mer info- så öppnas ett "fönster" som försätter den bakomliggande delen i mörker. Ungefär som lighthouse-script, bilder i Wordpress, CSS-pop up:er osv. Hoppas ni förstår vad jag menar (har inget bra exempel).

Hursomhelst, adressen till den blir doman.com/#produktnamn. Vi kan även skapa en undersida som får namnet doman.com/produktnamn som via JavaScript forwardas till doman.com/#produktnamn.

Att utvecklaren prompt vill ha doman.com/#produktnamn är för att det förenklar mycket av hans arbete.

Min fråga nu.

Visst tolkar väl Google det som att det är en <a name>produkt</a> för en index.html egentligen? Dvs, att alla produkter egentligen blir understycken på en och samma sida?

Det kan väl, i såna fall, inte vara optimalt?

Skjuter vi oss själva i foten om vi sparar in på utvecklartid och gör det på detta sätt? Kommer vi få svårt med SEO?

Alternativet som jag ser det är att man sätter noindex på doman.com/#produkt men då kanske Google tolkar det som att doman.com ska bli noindex, eller?

Ska vi lägga de extra (ganska många) timmarna på att göra om eller kan det fungera, även om det inte är optimalt?

[entep]

Vet inte om jag förstår syfte och funktion exakt men...

Varför måste utvecklaren använda sig av #?
Skulle istället använda mig av domain.se/undersida och sätta en class på länken.
Typ:
<a href="domain.se/undersida" class="csspop">Mer info</a>
Sedan skulle jag använda mig av jQuery för att behandla anropet.
Typ:
$(".csspop").click(function(){
//$(this).attr("href"); // Adressen om som finns i länken man klickade på.
//Gör det som ska göras

$("#moreinfoWin").fadeIn(); // Mer info rutan visas..
return false; // om du vill att man ska vara kvar på den sida man klicka på.
});

Med detta kommer du skicka sök-spindeln till domain.se/undersida men besökaren får en popup med informationen.

[Linuus]

Ursprungligen postat av entep

Vet inte om jag förstår syfte och funktion exakt men...

Varför måste utvecklaren använda sig av #?
Skulle istället använda mig av domain.se/undersida och sätta en class på länken.
Typ:
<a href="domain.se/undersida" class="csspop">Mer info</a>
Sedan skulle jag använda mig av jQuery för att behandlar anropet.
Typ:
$(".csspop").click(function(){
//$(this).attr("href"); // Adressen om som finns i länken man klickade på.
//Gör det som ska göras
//return false // om du vill att man ska vara kvar på den sida man klicka på.
$("#moreinfoWin").fadeIn(); // Mer info rutan visas..
});

Med detta kommer du skicka sök-spindeln till domain.se/undersida men besökaren får en popup med informationen.

Precis. Och de (visserligen få) som inte använder javascript skickas även till domain.se/undersida och kan se informationen.

Alltid bra med fallback

[Advocacy]

håller med ovanstående lösning. minimalt arbete, "bakåt"kompatibelt och simpelt

[Jine]

... och det gör också att löseningen/sajten fungerar för folk med noscript, t.ex. mig.

[clirre]

Kanon, ska förmedla detta till min utvecklare. Själv kan jag knappt nånting om JavaScript så jag får se vad han säger...

Tack i alla fall!

[randis]

Metoden som föreslagits av alla är ju den metoden man SKA använda sig av. Javascript ska bara vara där för att skapa mervärde, inte för att sidan ska fungera.

[Jonas]

För att vara 100% korrekt och få med undersidorna i sökmotorna, så skall korrekt länkning vara:

domain.com/#!/undersida/sida

Google, MSN (Bing) mm tar allting efter " #! " och crawlar det, så det krävs att sidan går att besöka via domain.com/undersida/sida för att detta skall fungera.