[JQuery]+[AJAX]+[PHP]+[SEO] - jak to ugryźć?, Czyli jak w to wszystko wpleść SEO Opcje

[organista18]

Witam wszystkich, w tematyce SEO jestem zupełnie zielony i chciałem aby moja stronka zaczęła być znacząca dla wyszukiwarek.

Schemat mojej strony:
- jest sobie plik index.html w którym są trzy pozycje menu, pod każdą pozycją menu jest link w postaci <a href="#" id="o_mnie">. Do całości pliku index.html jest podłączone jQuery, które jest odpowiedzialne za ładowanie podstrony z odpowiednim artykułem (w tym wypadku read_article.php? z parametrem który jest nazwą artykułu) do diva "tekst", a robi to w taki sposób:

[PHP] pobierz, plaintext 
<script type="text/javascript">
 
    $(document).ready(function() {
		$(".tekst").hide();
		$(".tekst").load("inc_start.php", function()
		{
				$(".loader").fadeOut("slow");
				$(".tekst").fadeIn("slow");
				$(".tekst").slideDown("slow");
		});
 
		$("#o_mnie").click(function()
		{
			$(".tekst").fadeOut("slow");
		            $(".loader").fadeIn("slow");
			$(".tekst").load("read_article.php?cat=o_mnie", function()
			{
				$(".loader").fadeOut("slow");
				$(".tekst").fadeIn("slow");
			});
 
                        });
 
                        $("#projekty").click(function()
		{
			$(".tekst").fadeOut("slow");
		            $(".loader").fadeIn("slow");
			$(".tekst").load("read_article.php?cat=projekty", function()
			{
				$(".loader").fadeOut("slow");
				$(".tekst").fadeIn("slow");
			});
 
                        });
});
</script>
[PHP] pobierz, plaintext 

- jest sobie plik read_article.php któremu w parametrze cat przekazuję nazwę artykułu, który ma wyciągnąć z bazy danych, ten plik jest ładowany do diva "start" w pliku index.html.
dodam jeszcze że całość pliku php wygląda tak:

[PHP] pobierz, plaintext 
 
<?php
 
	include("_safe/inc_config.php");
 
	$d = $_GET['cat'];
	$query = mysql_query("SELECT * FROM arts WHERE name = ".$d."");
 
	while($rekord = mysql_fetch_array($query))
 
	{
 
		$tytul = $rekord[1];
 
		$tresc = $rekord[2];
 
		$kategoria = $rekord[4];
 
		$data = $rekord[5];
 
		$autor = $rekord[3];
 
	}
 
	echo '<h2 class="topTitle">'.$tytul.'</h2>';
 
	echo '<div class="topContent"><p>'.$tresc.'</p></div>';
 
?>
[PHP] pobierz, plaintext 

Teraz stronka składa się tylko z dwóch plików (nie licząc biblioteki jQuery). Moje pytanie jest następujące: jak w to wszystko wpleść SEO, czy takie rozwiązanie jest zgodne z SEO i przyjazne dla przeglądarek? Jeżeli nie, to jak zrobić aby było przyjazne? Zależy mi na dynamice strony - dwa pliki, a nie na kilkudziesięciu, każdy z inną nazwą, przyjazną dla przeglądarki. Mam nadzieję że koledzy i koleżanki rozumieją o co mi chodzi.

Przeszukałem pod tym kątem google, ale milczy, znajduję tylko 10 zasad dobrego SEO, ale jak już pisałem - to dla stron statycznych, a co z dynamicznymi jak w moim przypadku powyżej?
Zapraszam do dyskusji.

Ten post edytował organista18 7.05.2010, 16:02:04

[erix]

a jak w piszę adres w miejsce "#", to przestanie mi dzialać jQuery...

więc musisz zrobić coś analogicznego, może wystarczy samo dopisanie return false; w każdej części po załadowaniu treści. Ewentualnie możesz też po załadowaniu strony podmienić atrybut href dla tych linków z menu:

Jak już klepiecie w jQuery, to korzystajcie z mechanizmów, które udostępnia. onclick i jakiekolwiek zdarzenia podpinane liniowe są passe.

[HTML] pobierz, plaintext 
<a href="porn.html" id="asd">google</a> <!-- tak, wredny jestem ;d -->
[HTML] pobierz, plaintext 

i kod dla jQ:

[JAVASCRIPT] pobierz, plaintext 
$(function(){
    $('#asd').click(function(e){
        e.preventDefault();
 
        // ajax load
    });
});
[JAVASCRIPT] pobierz, plaintext 

mam rozumieć że google nie zaindeksuje sobie tego pliku w takich postaciach: read_article.php?id=1, read_article.php?id=2, itp ?

nie takie strony nie są indeksowane, musisz stworzyć przyjazne linki , żeby np. zamiast read_article.php?id=1 było arytkul,1.html, poczytaj o mod_rewrite i "przyjazne linki"/ "friendly url"

Jak to mawiają, BULLSHIT: http://googlewebmastercentral.blogspot.com...tatic-urls.html

Generalnie, aby stronę wypasić musisz podejść do tego w ten sposób: zrób najpierw wersję taką, jakbyś klikał normalne linki, bez AJAX, czy nawet JS. Wtedy strona będzie indeksowalna. Potem stwórz sobie jakiś front controller (czy cokolwiek w tym stylu), co zwróci strone w żądaniu pozbawioną szkieletu/szablonu. Czyli np. dodajesz jakiś parametr do URL albo sprawdzasz user-agent w żądaniu.

No i podpinasz się pod linki w podobny sposób, jaki podałem. Tylko że korzystając z identyfikatorów będzie to nieco mozolne i mało elastyczne, ale selektory dostępne w jQuery chyba sobie sam znajdziesz. (IMG:style_emoticons/default/winksmiley.jpg)