Hoja de Referencia SEO para Desarrolladores v2.0

Para DesarrolladoresHoja de Referencia SEO

Elementos HTML importantesEtiquetaTitle

Etiqueta Meta Description

Imagen

Mejores prácticas

Códigos de Estado HTTP

Canonicalización

200 OK/Éxito

301 Redirección Permanente

302 Redirección Temporal

404 Página no encontrada

410 Eliminada permanentemente

500 Error de servidor

503 No disponible (intente más tarde)

Herramientas para Webmasters

<head> <title>Título de la Página</title></head>

<head> <meta name="descripción" content="Este es un ejemplo."></head>

No más de 60-80 caracteresPalabras clave importantes al inicioCada título debe ser único

No más de 155 caracteresCada descripción debe ser únicaDescripciones bien escritas generan mayor cantidad de clics

Enlaces

Enlace de texto

Tips SEO para URLs

URLs de inicio comunmente duplicadas

Enlace nofollow

Enlace de imagen

Mejores prácticas para enlaces

Herramientas para Webmasters de Google

Herramientas para Webmasters de Bing

Herramientas para Webmasters de Yandex

Mejores prácticas de canonizalización de URLs

<a href="http://www.ejemplo.com/pagina.html">Palabra clave en texto ancla</a>

<a href="http://www.ejemplo.com/pagina.html"><img src="img/palabra-clave.jpg" alt="palabra clave" width="100" height="100"></a>

<a href="http://www.ejemplo.com/pagina.html" rel="nofollow"> Palabra clave en texto ancla</a>

Limitar enlaces a no más de 150 x página

Utilizar "nofollow" para enlaces de pago y

Para enlaces de imagen, la etiqueta alt sirve como texto ancla

http://www.ejemplo.com/

rel="canonical"

<link href="http://www.ejemplo.com/" rel="canonical" />

<img src="img/palabra-clave.jpg" alt="palabra clave" width="100" height="100">

http://www.ejemplo.com

http://ejemplo.com

http://www.ejemplo.com/index.html

http://ejemplo.com/index.html

http://ejemplo.com/index.html&sessid=123

1. Protocolo2. Subdominio3. Dominio raíz4. Dominio de nivel superior5. Subcarpeta/Ruta6. Página7. Parámetro8. Llamada a ancla

• Utiliza palabras clave descriptivas en las URLs

• Cuídate del contenido duplicado al usar múltiples parámetros

• Cuando sea posible, coloca contenido en el mismo subdominio para conservar la autoridad del dominio

Recomendado: http://ejemplo.com/blog No tan ideal: http://blog.ejemplo.com

https://www.google.com/webmasters/tools/home

http://www.bing.com/toolbox/webmaster/

http://webmaster.yandex.com/

Mejores Prácticas para URLsElementos comunes en una URL

http://tienda.ejemplo.com/categoria/keyword?id=123#top

1 2 3 4 5 6 7 8

V2.0 | moz.com | © 2013 SEOmoz

Más información en http://mz.cm/HTTP-codes

Más información en http://mz.cm/canonical

Traducido por Capybara SEO | seo.pe

http://moz.com/

https://www.google.com/webmasters/tools/home

http://www.bing.com/toolbox/webmaster/

http://webmaster.yandex.com/

http://moz.com/

http://mz.cm/HTTP-codes

http://mz.cm/canonical

V2.0 | moz.com | © 2013 SEOmoz 2Hoja de Referencia SEO para Desarrolladores

User-agents importantesSintaxis de Control de Robots

Sintaxis para Sitemap

Para robots.txt, metaetiquetas robots & la etiqueta X-Robots

Googlebot (puede establecerse por defectoen la mayoría de casos)

Googlebot-News

Googlebot-Image

Mediapartners (Adsense)

Bingbot

Yandexbot

Rogerbot

Baiduspider

FacebookExternalHit

Googlebot-Mobile(Celulares)

Googlebot-Mobile

Mediapartners-Google (Adsense para celulares) o Mediapartners

User-agent en las solicitudes HTTP(S)

Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)

Aunque robots.txt puede restringir el rastreo, solo Meta Robots yX-Robots eliminarán URLs de los resultados de búsqueda.

Nofollow (no seguir a los enlaces)Noindex (no indexar)Noarchive (no archivar)NoODP (No mostrar la descripción de Open Directory Project)...o combinados (noindex, nofollow)

Si la etiqueta robots <METAse toma por defecto "INDEX,FOLLOW"

Googlebot-News

Googlebot-Image/1.0

Mediapartners-Google

Mozilla/5.0 (compatible; bingbot/2.0; +http://www.bing.com/bingbot.htm)

Mozilla/5.0 (compatible; YandexBot/3.0; +http://yandex.com/bots)

Mozilla/5.0 (compatible; rogerBot/1.0; UrlCrawler; http://moz.com/help/pro/rogerbot-crawler)

Mozilla/5.0 (compatible; Baiduspider/2.0; +/web/20130307230956/http://www.baidu.com/search/spider.html)

facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)

Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_1 like Mac OS X; en-us) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8B117 Safari/6531.22.7 (compatible; Googlebot-Mobile/2.1; +http://www.google.com/bot.html)

[varios tipos de disp móviles] (compatible; Googlebot-Mobile/2.1; +http://www.google.com/bot.html)

[varios tipos de disp móviles] (compatible; Mediapartners-Google/2.1; +http://www.google.com/bot.html)

Robots.txt Mejores Prácticas para Robots

Los Argumentos pueden ser:X-Robots

<?xml version="1.0" encoding="UTF-8"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <url> <loc>http://www.example.com/</loc> <lastmod>1970-01-01</lastmod> <changefreq>monthly</changefreq> <priority>0.8</priority> </url> </urlset>

<?xml version="1.0" encoding="UTF-8"?><sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <sitemap> <loc>http://www.example.com/sitemap1.xml.gz</loc> <lastmod>2004-10-01T18:23:17+00:00</lastmod> </sitemap> <sitemap> <loc>http://www.example.com/sitemap2.xml.gz</loc> <lastmod>2005-01-01</lastmod> </sitemap></sitemapindex>

Sitemaps XML

Archivo índice de Sitemap

Meta Robots

Ubicación: http://ejemplo.com/robots.txt

Ubicación: Enviado en la cabecera HTTP

Ubicación: En el código html <head>

Más información en http://www.robotstxt.org/robotstxt.html

Más información en http://noarchive.net/xrobots/

Más información en http://www.robotstxt.org/meta.html

User-agent: googlebotDisallow: /no-google.htmlSitemap: http://ejemplo.com/sitemap.xml

X-Robots-Tag: noindex

<meta name="NOMBRE DEL ROBOT" content="ARGUMENTOS" />

http://www.ejemplo.com/sitemap.xml

http://www.ejemplo.com/sitemap.xml.gz

http://www.ejemplo.com/sitemap.gz

Ubicaciones por defecto

Móvil

Noticias

Imágenes

Video

Otros tipos de sitemaps comunes:


http://moz.com/

http://moz.com/blog/the-web-developers-seo-cheat-sheet

http://moz.com/

http://www.robotstxt.org/robotstxt.html

http://noarchive.net/xrobots/

http://www.robotstxt.org/meta.html


Metadata Importante

<head>

<meta property="og:title" content="Aquí va el título">

<meta property="og:description" content="aquí-va-la-descripción">

<meta property="og:type" content="aquí-va-el-tipo-de-contenido"> (ej., "article")

<meta property="og:url" content="http://www.tu-web.com/">

<meta property="og:image" content="http://www.tu-web.com/imagen.jpg">

<meta property="og:site_name" content="el-nombre-de-tu-web">

<meta property="fb:admins" content="tu-id-de-usuario-de-Facebook">

</head>

<a href="[ ]?rel=author">Google</a>

<a href="[ ]?rel=publisher">Google</a>

<head>

<meta name="twitter:card" content="resumen">

<meta name="twitter:url" content="http://www.ejemplo.com/aqui-va-tu-url/">

<meta name="twitter:title" content="Aquí va el título">

<meta name="twitter:description" content="Aquí va tu descripción.">

<meta name="twitter:image" content="http://ejemplo.com/imagen.jpg">

</head>

<html itemscope itemtype="http://schema.org/Article">

<head>

<meta itemprop="name" content="Aquí va el título">

<meta itemprop="description" content="Aquí va la descripción">

<meta itemprop="image" content="http://ejemplo.com/imagen.jpg">

</head>

Facebook Open Graph

Twitter Cards

Google+

Google+ Authorship

Google+ Publisher

Más información en https://dev.twitter.com/docs/cards

Más información en https://developers.google.com/+/web/snippet/

Más información en https://developers.facebook.com/docs/opengraph/Más información en https://support.google.com/webmasters/answer/2539557

Más información en https://support.google.com/webmasters/answer/1708844

Google+ extraerá la información de las propiedades de Open Graph, etiquetas de título y meta descripción, o de la microdata de Schema.org (recomendado).

Para mostrar información de autor en los resultados de búsqueda de Google:

Para negocios, marcas, productos y organizaciones:

Google+

Google+

Google+

Enlaza a tu web desde la sección ‘Colaborador en’

1

1

2

2


http://moz.com/


http://moz.com/

https://dev.twitter.com/docs/cards

https://developers.google.com/+/web/snippet/

https://developers.facebook.com/docs/opengraph/

https://support.google.com/webmasters/answer/2539557

https://support.google.com/webmasters/answer/1708844


Enfocándose en Varios Idiomas Desarrollo Web para dispositivos móviles

Declarar el atributo idioma en el elemento HTML Diseño adaptativo (responsive design)

URLs separadas

Versión HTML en <head>

Versión para Sitemap

Anotar las versiones de país e idiomas alternativos del contenido

1

3

ccTLDs (sólo a nivel de país)

Subdirectorios con gTLDS

Subdominios con gTLDS

ejemplo.de

ejemplo.com/de/

de.ejemplo.com/

Estructuras de URL para enfocarse en Países e Idiomas

rel="alternate" hre ang="x"

<html lang="fr">

<link rel="alternate" hre ang="x-default" href="http://www.ejemplo.com/" /> (Indica la página por defecto)

<link rel="alternate" hre ang="de" href="http://ejemplo.com/de/" /> (Indica el idioma)

<link rel="alternate" hre ang="de-ES" href="http://ejemplo.com/de-es/" /> (Indica idioma + región)

<?xml version="1.0" encoding="UTF-8"?>

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"

xmlns:xhtml="http://www.w3.org/1999/xhtml">

<url>

<loc>http://ejemplo.com/english</loc>

<xhtml:link rel="alternate" hre ang="de" href="http://ejemplo.com/aleman/" />

<xhtml:link rel="alternate" hre ang="en" href="http://example.com/english/" />

</url>

<url>

<loc>http://example.com/deutsch/</loc>

<xhtml:link rel="alternate" hre ang="en" href="http://ejemplo.com/english/" />

<xhtml:link rel="alternate" hre ang="de" href="http://www.example.com/aleman/" />

</url>

</urlset>

Utiliza CSS para alterar el renderizado de la página de acuerdo al dispositivo que genera las solicitudes

/* Telefonos */ @media (max-width: 767px) { ... }

/* Tablets y Disp de Escritorio */ @media (min-width: 768px) and (max-width: 992px) { ... }

/* Dispositivos grandes */ @media (min-width: 1200px) { ... }

using rel="alternate" y rel="canonical"

Ejemplo:

Página de escritorio: http://ejemplo.com/ <link rel="alternate" media="only screen and (max-

width: 640px)"

href="http://m.ejemplo.com/"/>

Página para celulares: http://m.ejemplo.com/ <link rel="canonical" href="http://example.com/"/>

Idiomas Populares Regiones Populares

ch Chinoes Españolen Inglésar Árabehi Hindú

CN ChinaUS Estados UnidosIN IndiaJP JapónBR Brazil

Puedes encontrar más códigos de idiomas en http://en.wikipedia.org/wiki/List_of_ISO_639-1_codes

Puedes encontrar más códigos de región en http://en.wikipedia.org/wiki/ISO_3166-1_alpha-2

Entrega dinámica variando la cabecera HTTP 2Entrega diferente HTML y CSS en la misma URL, varía de acuerdo al user agent

(...el resto de HTTP response headers...)

HTTP/1.1 200 OK

Content-Type: text/html

Vary: User-Agent

Content-Length: 5710


http://moz.com/


http://moz.com/

http://en.wikipedia.org/wiki/List_of_ISO_639-1_codes

http://en.wikipedia.org/wiki/ISO_3166-1_alpha-2

Technology

Hoja de Referencia SEO para Desarrolladores v2.0