[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

[tehaha]

a jaka to różnica, czy strona jest statyczna czy dynamiczna? skrypt php generuje taki sam kod html jak by był ręcznie napisany, zasady SEO są te same, a tak na marginesie jak wkładasz do zapytania zmienną pochodzącą z url to zawsze używaj funkcji mysql_real_escape_string()

[erix]

jak w to wszystko wpleść SEO, czy takie rozwiązanie jest zgodne z SEO

Jeśli z wyłączonym JS nie jesteś w stanie się dostać do tej treści = niezgodne z SEO.

[organista18]

Jeśli z wyłączonym JS nie jesteś w stanie się dostać do tej treści = niezgodne z SEO.

To strony napisane przy pomocy AJAX-a są z góry przekreślone przez SEO? czy może wystarczy mieć sam plik read_article.php i robot poprzez dopasowywanie sobie odpowiednich parametrów do tego read_article.php (np read_article.php?cat=omnie) sam wyciągnie dane i skonstruuje link?

[tehaha]

Strona nie powinna opierać się na AJAX'ie, AJAX to taki dodatek, który ma zwiększać usability, i brak obsługi javascript nie powinien paraliżować strony, najlepiej jest zrobić tak, że najpierw robisz sobie stronę normalnie w pełni działającą w php a na końcu dodajesz AJAXA tam gdzie tylko zechcesz

//jak ty to sobie wyobrażasz, że robot będzie sobie coś dopasowywał? bo nie zrozumiałem tej kwestii, robot nie widzi kodu php, tylko wygenerowany kod html

Ten post edytował tehaha 7.05.2010, 18:49:02

[organista18]

No tak sobie wyobrażałem .

Kiepsko to widzę, chciałbym, żeby podstrony ładowały się bez przeładowywania całości, a tu jednak widzę lipa.

A można zrobić coś takiego jak mapę strony w osobnym pliku i wtedy odnośniki w tej mapce odnośniki do strony głównej z gotowym zapytaniem?

[tehaha]

możesz dowolnie wstawiać AJAXA nic nie stoi na przeszkodzie, tylko najpierw zrób tak żeby bez AJAXA strona też działała

[erix]

To strony napisane przy pomocy AJAX-a są z góry przekreślone przez SEO? czy może wystarczy mieć sam plik read_article.php i robot poprzez dopasowywanie sobie odpowiednich parametrów do tego read_article.php (np read_article.php?cat=omnie) sam wyciągnie dane i skonstruuje lin

Piszesz najpierw zwykłą stronę, która działa bez JS, potem dopalasz to tylko przez AJAX. I tak zawsze się pisało, aby było zgodne z SEO.

A można zrobić coś takiego jak mapę strony w osobnym pliku i wtedy odnośniki w tej mapce odnośniki do strony głównej z gotowym zapytaniem?

No tak, ale jak sobie wyobrażasz później prezentację tego w wynikach wyszukiwania? W jaki sposób ktoś dotrze do konkretnej podstrony?

Wpisz sobie w przeglądarce link z mojej stopki bez subdomeny, kiedyś pisałem coś takiego, to będziesz miał zasadę działania.

[organista18]

Rozumiem. To teraz inaczej. Wywalam ajaxa, zostaje tylko plik read_article.php
Jak już wspomniałem będzie wyświetlał artykuły wg zadanego zapytania, mam rozumieć że google nie zaindeksuje sobie tego pliku w takich postaciach: read_article.php?id=1, read_article.php?id=2, itp ?

[tehaha]

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"

Ale to nie działa tak, że robot same sobie próbuje jakieś kombinacje linków: robot wchodzi na stronę index , i dalej podąża linkami jeżeli masz na stronie index linki do artykułów np. artykul,1.html, artykul,2.html tp robot wejdzie na te linki i zindeksuje te podstrony

Ten post edytował tehaha 7.05.2010, 19:40:25

[organista18]

Erix, dokładnie o takie coś mi chodzi. Widziałem że masz link właśnie w taki sposób: <a href="?newsID=3">... i pojawia Ci się źródło w miejscu div id="content", a na mojej stronce tam jest poprostu pusto, a treść w przeglądarce widać...

U mnie wygląda to tak: http://www.omt-reklama.pl/ efekt jest taki jak u Ciebie, ale chciałbym, żeby działało to z SEO.

[tehaha]

ten ajax możesz sobie zostawić ale zrób tak, że jak nie ma javascript to strona się przeładuje i normalnie wyświetli treść strony, bo teraz po wyłączeniu javascript strona nie działa

[organista18]

A możesz mi powiedzieć w jaki sposób to zrobić? Bo teraz mam linki w stylu: <a href="#" id="costam"></a> a jak w piszę adres w miejsce "#", to przestanie mi dzialać jQuery...

[tehaha]

nie wiem dokładnie jak to się robi w jquery musiałbym pokombinować, ale w javascript robiło się tak, żeby funkcja zwracała false, wtedy link nie przeładowywał strony:

[PHP] pobierz, plaintext 
<script>
function load_content()
{
	//function
	return false;
}
</script>
<a href="strona.html" title="" onclick="java script: return load_content()">strona</a>
[PHP] pobierz, plaintext 

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:

[PHP] pobierz, plaintext 
$("#onas").attr('href', '#');
[PHP] pobierz, plaintext 

wtedy bez javascript zostaną zwykłe linki

[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.

[organista18]

Dziękuję za odpowiedzi Problem rozwiązany.