SEO Cheat Sheet La guía SEO para el desarrollador web.

Transcripción

1 SEO Cheat Sheet La guía SEO para el desarrollador web

2 SEO Cheat Sheet Elementos HTML importantes Codigos de estado HTTP Herramientas para Webmasters Etiqueta Title <title>título de la página</title> Meta Etiqueta Description <meta name="description" content="aquí ponemos el texto." /> Etiqueta Img <img src="img/keyword.jpg" alt="keyword" width="100px" height="100px"> Hyperlinks Enlaces de texto página que enlazo">texto con información y palabra clave</a> Enlaces nofollow página que enlazo" rel="nofollow"> Texto con información y palabra clave</a> Imágenes con enlaces página que enlazo"><img src="img/ keyword.jpg" alt="keyword" width="100px" height="100px"></a> Longitud recomendada: entre 60 y 80 caracteres Las palabras más importantes al comienzo Cada título de página debe ser único en todo el sitio Longitud recomendada: entre 110 y 155 caracteres Cada descripción de página debe ser única en todo el sitio Debe ser un descripción con palabras clave, bien escrita y que llame a la acción, ya que ejerce una gran influencia sobre la decisión de los usuarios Escribir una descripción del contenido de la imagen en la propiedad "alt" ayuda a que se indexe mejor la página y que la imagen sea indexada por Google Images Alto y ancho (width, height): es importante indicarlos para no se ralentice la velocidad de carga de la página Limitar a 150 la cantidad de enlaces que salen de una página Usar la propiedad rel="nofollow" para los enlaces de pago o para los enlaces poco relevantes Añadir información útil en la propiedad title del enlace Recomendados para enlazar páginas poco relevantes dentro del mismo sitio Para enlazar páginas que sirven de apoyo a un texto pero que no son muy fiables Escribir una descripción del contenido de la imagen en la propiedad "alt" ayuda a que se indexe mejor la página y que la imagen sea indexada por Google Images Alto y ancho (width, height): es importante indicarlos para no se ralentice la velocidad de carga de la página Añadir información útil en la propiedad title del enlace 200 OK/Success: Respuesta estándar para peticiones correctas 3 Permanent Redirect: La página ha sido movida permanentemente, ya no existe y se pasa a otra 3 Temporary Redirect: Movido temporalmente 404 Not Found: Página no encontrada 410 Gone (permanently removed): Indica que la página solicitada ya no está disponible y no lo estará de nuevo 500 Server Error: El servidor encontró una condición inesperada que le impidió completar la solicitud del cliente 5 Unavailable (retry later): El servidor actualmente no está disponible para manejar la solicitud HTTP, por sobrecargas o mantenimientos Google Bing Incluir los sitios Web en las "Webmaster tools" de los motores de búsqueda más importantes Uso del rel="canonical" Ejemplos de duplicación de la Home Page rel="canonical" <link href=" rel="canonical" /> Las mejores practicas en la estructura de las URL Elementos comunes de las URL Subdominio Dominio Protocolo Dominio raiz de Top Página Sub carpeta Parametro level Nombre de ancla Use palabras descriptivas en la URL Usar los directorios para mantener una organización jerárquica clara del sitio Web Cuidado con la duplicación de contenidos por parámetros Mientras sea posible, poner el contenido en el mismo subdominio, para incrementar y preservar la autoridad Recomendado: Menos ideal:

3 SEO Cheat Sheet Sintaxis para el control de robots Los "user agent" más importantes Archivo: robots.txt Ubicación: User-agent: googlebot Disallow: /no-google.html Sitemap: Más información: X-Robots Ubicación: Enviado en los HTTP headers X-Robots-Tag: noindex Meta Robots Ubicación: En el html <meta name="robot NAME" content="arguments" /> Más información en Sintaxis para Mapas de sitio: sitemap.xml La etiqueta robots sólo puede limitar o restringir el acceso de los robots Para eliminar las URL de los resultados de búsqueda se debe usar meta=robots o X-Robots Los argumentos pueden ser: Nofollow (que no se siguen los enlaces) Noindex (páginas que no se deben indexar) Noarchive (no guardar en archivo) NoODP (No mostrar la descripción del Open Directory Project DMOZ)...O combinadas (noindex, nofollow) Si la etiqueta <META> no se define, por defecto se consideran estos valores "INDEX,FOLLOW" For robots.txt, robots meta tags & X-Robots-Tag Googlebot (can be used as default for most Google crawlers) Googlebot-News Googlebot-Image Googlebot-Mobile Googlebot-Mobile (Mobile Smartphones) User-agent in HTTP(S) requests Mozilla/5.0 (compatible; Googlebot/2.1; + Googlebot-News Googlebot-Image/1,0 [various mobile device types] (compatible; Googlebot-Mobile/2.1; + google.com/bot.html) 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/ (compatible; Googlebot-Mobile/2.1; + com/bot.html) Mapa de sitio XML <urlset xmlns=" <loc> <lastmod>1970--</lastmod> <changefreq>monthly</changefreq> <priority>0.8</priority> </urlset> Índice de mapas de sitio <sitemapindex xmlns=" <sitemap> <loc> <lastmod> t18:23:17+00:00</lastmod> </sitemap> <sitemap> <loc> <lastmod>2005--</lastmod> </sitemap> </sitemapindex> Ubicaciones habituales (comprimido) (comprimido) Mapas de sitio más comunes 04 Mobile Noticias Imágenes Vídeo Mediapartners-Google (Mobile Adsense) or Mediapartners Mediapartners (Adsense) Bingbot Baiduspier Yandexbot FacebookExternalHit Rogerbot [various mobile device types] (compatible; Mediapartners-Google/2.1; + google.com/bot.html) Mediapartners-Google Mozilla/5.0 (compatible; bingbot/2.0; + Mozilla/5.0 (compatible; Baiduspider/2.0; +/web/ / baidu.com/search/spider.html) + Mozilla/5.0 (compatible; YandexBot/3.0; + Mozilla/5.0 (compatible; YandexBot/3.0; + Mozilla/5.0 (compatible; rogerbot/1.0; UrlCrawler; rogerbot-crawler)

4 SEO Cheat Sheet Metadatos Importantes Meta etiquetas Open Graph Facebook <meta property="og:title" content="título del contenido"> <meta property="og:description" content="descripción del contenido"> <meta property="og:type" content="tipo (type) de contenido"> (p.ej., "article", "product") <meta property="og:url" content=" <meta property="og:image" content=" e-y-acompañe.jpg"> <meta property="og:site_name" content="nombre-del-sitio"> <meta property="fb:admins" content="aqui-el-facebook-page-user-id"> Más información Twitter Cards <meta name="twitter:card" content="resumen"> <meta name="twitter:url" content=" <meta name="twitter:title" content="título de contenido"> <meta name="twitter:description" content="su descripción de contenido."> <meta name="twitter:image" content=" Más información Google+ Google+ for business Google+ Authorship Instrucciones para incluir la información del autor del contenido en los resultados de búsqueda de Google Google+ Publisher <a href="[profile_url]?rel=author">google</a> Enlazar un sitio Web con con una página de Google+, para que marcas o empresas reclamen la propiedad de esos perfiles y sitios Enlazar el contenido al perfil de Google+ Enlazar el sitio Web en que se publica el contenido desde Google+ <link rel="publisher" ref=" ó Más información Enlazar la Web a la página de Google+ <a href="[page_url]?rel=publisher">google</a> Enlazar el sitio Web con la página de Google+ En la sección información hay un espacio para poner la url de la Web Google+ va a tomar la información de las propiedades Open Graph, y las etiquetas <title> y <meta description>, o el Schema.org microdata (recomendado). <html itemscope itemtype=" <meta itemprop="name" content="título del contenid"> <meta itemprop="description" content="descripción del contenido"> <meta itemprop="image" content=" Más información Verificar Hacer click en verificar Más información

5 SEO Cheat Sheet 04 Sitios Web Multiidioma Declaración del atributo idioma en la etiqueta HTML <html lang="fr"> Estructura de URL's orientada a Países e idiomas cctlds (nivel de País) example.de Subcarpetas con gtlds elsitio.com/de/ Uso del rel="alternate" hreflang="x" Declaración de versiones de idioma y país en que el contenido está disponible HTML version in <link rel="alternate" hreflang="x-default" href=" /> (Indica el idioma principal) <link rel="alternate" hreflang="de" href=" /> (Indica la disponibilidad en otro idioma) <link rel="alternate" hreflang="de-es" href=" /> (Indica idioma y región) Más información: Mapa de sitio de versiones Subdomains with gtlds de.elsitio.com <urlset xmlns=" xmlns:xhtml=" <loc> <xhtml:link rel="alternate" hreflang="de" href=" /> <xhtml:link rel="alternate" hreflang="en" href=" /> <loc> <xhtml:link rel="alternate" hreflang="en" href=" /> <xhtml:link rel="alternate" hreflang="de" href=" /> </urlset> Desarrollo Web Mobile Responsive Design El uso de hojas de estilo CSS para modificar la presentación de la página en el dispositivo a través de media-queries en la misma hoja CSS /* Phones (max-width: 767px) {... } /* Tablets to Desktops (min-width: 768px) and (max-width: 992px) {... } /* Large devices (min-width: 1200px) {... } Servir contenido dinámicamente en función de los encabezados HTTP Se sirven diferentes versiones de HTML y CSS en la misma URL, dependiendo del "user agent" que lo solicita (...rest of HTTP response headers...) HTTP/ OK Content-Type: text/html Vary: User-Agent Content-Length: 5710 URL's específicas Se identifican las versiones mobile y desktop con el rel="alternate" y el rel="canonical" Ejemplo: Versión Desktop: <link rel="alternate" media="only screen and (maxwidth: 640px)" href=" Versión Mobile: <link rel="canonical" href="