Optimizar Web para Buscadores

Optimizar Web para Buscadores

Actualmente existe una herramienta llamada Page Speed que os puede ayudar mucho en este trabajo, pero antes de llevar un Ferrari debes aprender a conducir.


Espero, en un futuro breve, poder tener tiempo de hacer un buen tutorial de Page Speed, pero ahora creo que los más importante es olvidarse de todo lo que uno sabe de técnicas de posicionamiento y trucos, y empezar bién un proyecto / sobre todo simplificarlo.

Pequeño tutorial de como optimizar webs para buscadores

  1. Meta Tags:Como todos bién sabéis los 2 metas más conocidos son el description y el keywords. Todo el mundo le da el 80% del trabajo de diseñar una web a encontrar que narices poner en la descripción y que palabras clave usar en los metas.
    Pues señores, les informo que estamos en el 2010 y Google, MSN y Yahoo, están hasta las narices del mal uso que se le han dado a estas etiquetas y literalmente pasan de ellas.
    ¡Uy! Es verdad que las usan para el Snippet.
    “Snippet texto descriptivo que acompaña al titulo y la url en los resultados de un buscador”

    ¿Has visto alguna vez una página en google que no tenga descripción?
    ¿Lo que pones en la meta descripción es lo que enseña google?
    Si en las 2 preguntas respondes que si, te ha tocao una chochona, ya que actualmente los buscadores indexan todo el contenido de las páginas y de ese contenido extraen las partes más relevantes y las keywords las extran de la densidad de palabras exceptuando (de, para, el, la) enfin artículos y preposiciones.

  2. El título.La etiqueta Title debe contener máximo 66 caracteres, de los cuales no puede haber repetida la palabra clave más de 2 veces. ¿Por qué 66 caracteres? Por que quién manda es google y es el que almacena menos caracteres de los 3 buscadores más importantes.
    Nunca se debe dejar una página sin título. Aunque sea una página secundaria, de pruebas, o que la hiciste por tu sabrás que. Si hay un link, se indexa y hace mucho daño una web mal hecha.
  3. Como estructurar una web.Coge papel, lápiz y goma de borrar (nuevas tecnologías). Hazte un croquis de como irá la web y piensa… ¿Que directorios tendrá la web?
    Muchos al consultar en google os habéis encontrado que debajo de la descripción, aparecen los directorios más relevantes de la web. A Google de momento no le puedes indicar que directorios son importates para ti, pero puedes bloquear los que no quieres que salgan a través de las herramientas de webmaster de google.
    ¿Como escoge google los directorios?

    1.- Subdominios
    2.- Primer menú que aparece en el código fuente. (Eso no significa que sea el primer menú de la página. Ahora me explico.)
    3.- Links repetidos durante todo el site.

    Respuesta 1: Para que google no te tome un Subdominio como directorio y te acabe apareciendo: Artículos España, Artículos Portugal, Artículos Estados Unidos en vez de Sofas – Muebles Cocina – Muebles Baño, lo único que debes hacer es ponerle un NOFOLLOW en el link y crearte sitempas individuales por cada subdominio. Así Google pasará al siguiente punto (2).
    Respuesta 2: Muchas veces encuentras resultados de ( Usuarios registrados – Accede a tu panel – Salir ), esto es lo primero que ve google al visitar muchas webs y lo acaba cogiendo como menú principal. Para evitar esto, pon los menús inútiles al final del código fuente y con css lo posicionas en absoluto (position:absolute; Top:15px;). Además los que vayan a paneles de control, a añadir usuario, etc… ¡pon un NOFOLLOW!
    Respuesta 3: Esta es jodida de arreglar, ejemplo: (Home – Volver – Cerrar sesión), Modifica los home por una palabra clave, volver y cerrar sesion en nofollow, pero no siempre te interesa, a eso viene el siguiente punto 4.

  4. Etiquetas.

    Toda web bién estructurada debería tener almenos:
    1 etiqueta h1 o h2.
    1 o 2 etiquetas h2 o h3.
    Usar las etiquetas strong y em para las palabras clave.

  5. Código Fuente o código de la web.

    Ahora es cuando me tiráis la caballería por encima. (Eso si alguien lee mi web, de momento yo y…. yo)

    1.- La primera línea de código que debe haber en tu web ha de ser:
    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.1//EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>
    (Estamos en el 2010, si lo lees en el 2020 no critiques y busca los nuevos Doctype, eso si aun existe internet)
    Estamos hablando de hacer bién una web, no de hacerla sencilla, práctica y rápida. Para eso tienes Flash o Flex que quedan más chulas y modernas.
    El Doctype XHTML 1.1 actualmente es el más nuevo, compatible con todo lo que existe referente a ordenadores sobremesa, portatiles, móviles, iphones, ipads, ipods, y todos los ip que existen.
    Este Doctype es díficil de usar, pero si lo que estás haciendo es una nueva web, úsalo desde un principio, sino te tocará cambiar todo el código fuente en menos de 2 años. (Y eso jode mucho).

    2.- ¡Tengo una página que he hecho y tiene más de mil lineas de código fuente!
    – ¿Y la has publicado?
    – Si claro.
    – Pues la has cagado.

    Visita Google.com .es .jp .china o como sea. Google solo tiene una línea de código fuente. Pues tu ha hacer lo mismo.
    – ¿Es que trabajo con templates en Dreamweaver y quedan espacios?
    – Pues te creas una nueva carpeta fuera del site y le llamas site 2. Abres una página del site 1 en dreamweaver y les das a Modify/Templates/Export without Markup… Una vez lo hagas, te pedirá que indiques una carpeta y ¡OJO! Le indicas la de Site 2.
    Esto lo que hace es crearte una cópia de tu site enterito sin las molestas etiquetas de <!– instance, coges todos los archivos y los publicas en tu web, pero antes le das a Control + F o COMMAND + F y remplazas todos los intros por espacio y todos los dobles espacios por espacio simple. Y a publicar en la web.
    Se me olvidaba, debes trabajar siempre en site 1 y publicar en site 2. Simpre debes clicar en Export Without Markup…, jode pero es lo que hay.

    3.- Javascript. El javascript debe estar en un archivo aparte y al final de la página, antes del </body>
    Ejemplo:
    <script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js”></script></body>
    En el archivo en javascript, todas las funciones deben estar bién cerradas, todas las líneas que no sean función acabadas en punto y coma (;), y todo en una sola línea.

    4.- CSS. El css también debe estar en un archivo aparte. Si usas asp o php continúa leyendo, sino pasa al punto 6.
    Hay un truco en asp (supongo que en php también) para evitar el error de caché del css en page Speed.
    Creas un archivo estilos.asp, copias todo tu css dentro y en la primera línea pones:
    <%Response.Expires = 5184000
    Response.ContentType=”text/css”%>
    Además haciéndolo dinámico lo puedes fraccionar dentro del mismo archivo, con variables querystring informar de que mostrar y con .htacces arreglar el .asp?var=XXX en estilosXXX.css.
    ¿Qué? ¿Comorrrrr? Esto es Redkram (o sea yo), de cosecha propia y si alguien lo copia sin poner la fuente que le jodan por la oreja.
    .htacces en php lo puedes modificar directamente ya que apache te lo permite. En asp necesitas un programa llamado ISAPI REWRITE.

  6. Olvídate de Flash, Flex y cualquier aplicación que necesite un pluguin para ejecutarse.
  7. Las imágenes.

    Tan o más importantes que las keywords.
    Si hos fijais algún día en las fuentes de entradas de google analytics os encontraréis alguna que ponga google/images. Eso significa que te han entrado a través de una fotografía bién posicionada. Si tu foto se llama muebles-baño.jpg, en alt le has puesto muebles de baño, está en el tamaño correcto con el que la enseñas y encima pesa poco, puede ser que como muebles de baño en la búsqueda convencional ni aparezcas o aparezcas en la página 6 pero en cambio seas el primero en google/images.
    Para hacer buén uso de las fotos debes ponerles un nombre, nada de IMG0001.jpg (cúrratelo un poco), no las guardes en JPG, en photoshop las tienes que exportar a JPG no guardarlas en JPG (es diferente, pesan menos y dan buena calidad), google te lo agradecerá.

  8. URL y nombre de archivos.

    Si has comprado un mal nombre de dominio lo tienes chungo, pero ¿que significa google?. Todo es posible.
    No uses guiones bajos en los nombres de archivo _ usa el guión medio –
    No dejes espacios en blanco.
    No uses acentos ni en archivos ni en imágenes.
    Pon todo en minúsculas.
    Y que una palabra clave este en el nombre del archivo. Ejemplo: www.chopinpon.com/muebles-de-bano.htm (no pongas ñ)

  9. Palabras clave.

    Antes de romperte la cabeza piensa que tu eres seguramente un profesional de tu sector y sabes como se llama todo, pero yo soy un cateto que me quiero comprar un maldito mueble de baño y no tengo porque saber lo que es el maldito silestone ( Imitación marmol ).
    Visita las webs dela competencia usando google (no directamente) y mira como están posicionadas, hazte una tabla en excel y apunta palabra o palabras clave y posición. Entra en su código fuente y averigua sus palabras clave, sus h1, sus strong y todo lo que ellos le den importancia. Con 2 o 3 webs bastará, y solo un par de páginas por web.
    Luego coges a un menor de 20 años y le dices que busque en google. Mostrándole una foto de lo que quieres. No le digas silestone ni marmol falso y sorpréndete de lo diferentes que somos todos.
    Cuando salgas de tu asombro te vas a visitar http://www.google.es/trends y pones 5 palabras clave, o frases o sinónimos y miras cuantas veces se a buscado en google esa información. Hazlo con muchas palabras clave y sinónimos.
    La nueva versión de google trends la encontraréis en www.google.com/insights/search/ , pero aún no funcionan todas las aplicaciones en españa.

  10. Div o table.

    Por supuesto div. Una tabla tarda 3 veces más que un div en ser mostrado, primero se mira la estructura, luego la composición y finalmente el contenido. Esto no te interesa si quieres optimizar al máximo una web.

  11. Busca otros manuales de Optimización web.