Adjuntando hashtag a URL con javascript

Quiero construir un sitio ajax sin sacrificar SEO. Mi pregunta es: Si tengo enlace en mi página de la siguiente manera:Adjuntando hashtag a URL con javascript

<a href="http://example.com/cats" id="cats">Cats</a> 
    <a href="http://example.com/dogs" id="dogs">Dogs</a>

... cuando se hace clic en cada enlace me gustaría actualizar la barra de direcciones con el hashtag correspondiente. Entonces, si se hace clic en el enlace "Cats", la ubicación actual será http://example.com/#cats y puedo usar esto para mostrar mi contenido ajax. Si javascript está desactivado o el usuario es motor de búsqueda, irá directamente a/cats

Fuente

2010-03-02 alooficha

Solo dos notas: 1) Eso no se llama un "hashtag" (que es jerga de Twitter para algo totalmente relacionado); se llama identificador de fragmento o identificador de anclaje (ver la especificación de HTML). 2) No debe tener un símbolo # en la identificación de un elemento, es decir, debería ser id = "gatos", que corresponderá a/some-url # cats. –

Usted puede cambiar la propiedad location.hash, que va a cambiar el identificador de anclaje actual sin tener que navegar lejos formar la página, por ejemplo, usted podría:

<a href="http://mysite.com/cats" id="cats" class="ajaxLink">Cats</a> 
<a href="http://mysite.com/dogs" id="dogs" class="ajaxLink">Dogs</a>

continuación:

$('.ajaxLink').click(function (e) { 
    location.hash = this.id; // get the clicked link id 
    e.preventDefault(); // cancel navigation 

    // get content with Ajax... 
});

Fuente

2010-03-02 20:40:24 CMS

¡GUAU! No sabía que fuera así de fácil. Ahora puedo hacer que todos mis sitios futuros estén en ajax y aún así hacer que mi sitio sea rastreado e indexado. : D – alooficha

Sin embargo, una sola cosa, si el usuario marca esta URL o hace clic en ella desde otro sitio, id no devuelve el hash actual. Vuelve vacío. ¿Hay una solución para esto? ¿Cómo puedo verificar el hash onload y el onclick? – alooficha

Solo tiene que comprobar el valor de la propiedad 'location.hash' cuando se carga la página, contendrá el identificador, incluido el símbolo' # ', por ejemplo:' if (location.hash == '#dogs') { /*...*/} ' – CMS

No puede establecer window.location.href sin volver a cargar la página en javascript por razones de seguridad.

Por lo que he visto, algunas personas dicen que Google indexará # URL pero no se considerarán páginas separadas y creo que eso no es lo que quieres. También tengo muy poca experiencia con SEO.

Fuente

2010-03-02 20:39:01 BenMills

Google indexará una hash si tiene un signo de exclamación en el siguiente formato: #!dogs

Supone entonces que están orientadas a AJAX:

Fuente

2011-03-19 23:06:38 anon

-1

BenMills, nadie ha mencionado location.href, se trata de location.hash que no requiere recarga de la página.

Fuente

2013-08-06 19:41:12 Piero

A pesar de la simplicidad es mejor, pero si lo que desea es automatizar este proceso o que sea genericise entonces usted puede utilizar este plug-in Lite jquery.hashTag.js

$('a').hashTag({ 
    source: function() { 
     return $(this).attr('id'); 
    } 
    });

Sólo hay que poner este fragmento dentro ready $ (document).

Hará el resto del trabajo. Me gusta hacer clic automáticamente en el enlace cuyo ID se proporcionó como hash.

Fuente

2013-09-10 05:56:30

Adjuntando hashtag a URL con javascript

Respuesta

Cuestiones relacionadas