Hoja de Referencia SEO para Desarrolladores v2.0
-
Upload
capybara-seo -
Category
Technology
-
view
211 -
download
2
description
Transcript of 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
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:
Traducido por Capybara SEO | seo.pe
V2.0 | moz.com | © 2013 SEOmoz 3Hoja de Referencia SEO para Desarrolladores
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
Traducido por Capybara SEO | seo.pe
V2.0 | moz.com | © 2013 SEOmoz 4Hoja de Referencia SEO para Desarrolladores
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
Traducido por Capybara SEO | seo.pe