Capacitación Webometrics día 2
Transcripción
Capacitación Webometrics día 2
Clínica de SEO Elementos Técnicos Martín Garay Digital Analyst, SEO Specialist [email protected] @DigitalAnalyst_ @Intellignos Presencia en la Web Cantidad de Páginas indexadas en Google Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Módulo 7. Elementos Técnicos del SEO • Elementos técnicos del SEO • HTML Markups • Si tu contenido es poco relevante, Google modifica tu resultado. • Sitemap. • Robots.txt • Datos Estructurados. • Códigos de Status y Respuesta. • Velocidad de carga del sitio. • Responsive web. Martín Garay - 2013 @DigitalAnalyst_ HTML Markups Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Elementos técnicos del SEO Resultado en el buscador Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Elementos técnicos del SEO Resultado en el buscador Martín Garay - 2013 @DigitalAnalyst_ Títulos y SubTitulos Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Elementos técnicos del SEO Resultado en el buscador - Título Título de la página Martín Garay - 2013 Título de la página @DigitalAnalyst_ SEO. Optimización es Buscadores Elementos técnicos del SEO Markups - Tag Title Titulo <title></title> 70 caracteres máximo Es el Titulo de la página HTML en cuestión. Los buscadores limitan la cantidad de caracteres que se muestran Deben tener entre 65 y 70 caracteres. Excederse no sería una falta grave, Pero será una llamada de atención del buscador. En los resultados de búsquedas orgánicos no se verá mas allá del caracter 65 o 70 (dependiendo del buscador y sus factores). El texto debe ser único para cada URL del sitio Web. Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Elementos técnicos del SEO Resultado en el buscador - Título Título de la página <h1>Título de la Nota</h1> Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Elementos técnicos del SEO Markups - Tag H1 (heading) Titulo <h1> </h1> 70 caracteres máximo Es el Titulo del contenido principal de la cuestión. página HTML en Los buscadores limitan la cantidad de caracteres que se muestran Deben tener entre 65 y 70 caracteres. Excederse no sería una falta grave, Pero será una llamada de atención del buscador. En los resultados de búsquedas orgánicos no se verá mas allá del caracter 65 o 70 (dependiendo del buscador y sus factores). Debe tener solo un (1) tag H1 por html Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Elementos técnicos del SEO Resultado en el buscador - Título Título de la página <h4>Título módulo</h4> <h3>Título módulo</h3> <h2>Sub Título de la Nota</h2> <h3>Título módulo</h3> Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Elementos Técnicos del SEO HTML Markups, + Heading Tags <h2> </h2> Tags <h3> </h3> Tags <h4> </h4> 70 caracteres máximo Se los utiliza como Sub-Titulos, o como el titulo de módulos relacionados al contenido principal. Son tan importantes como el H1, es necesario que al menos cada URL tenga como mínimo un (1) tag h2. Deben tener como máximo entre 65 y 70 caracteres. Excederse no sería una falta grave, pero es importante destacar que en los resultados de búsquedas orgánicos no se verá mas allá del caracter 65 o 70 (dependiendo del buscador y sus factores). Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Elementos técnicos del SEO Resultado en el buscador – Descripción <meta name="description" content=" Descripción de la página Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Elementos técnicos del SEO Meta description Descripción meta "description“ Se lo utiliza para poner un resumen del contenido principal de el HTML en cuestión. Lo que en grafica se lo llama bajada o copete. Los buscadores limitan la cantidad de caracteres que muestra en la descripción. Deben tener como máximo 155/160 y no menos 70 caracteres. Excederse no sería una falta grave, pero es importante destacar que en los resultados de búsquedas orgánicos no se verá mas allá del caracter 65 o 70 (dependiendo del buscador y sus factores). Debe ser único para cada URL del sitio Web. Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Sin contenido no hay conversión Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores HTML Markups, + Heading Si tu contenido –no esta optimizado – o es poco relevante ¡Google modifica tu resultado! Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores HTML Markups, + Heading Optimizar MetaData pero no los contenidos Si tu contenido es poco relevante, Google modifica tu resultado Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Estos cambios Google, los aplica en los Snippets Results de manera gradual, realizando A/B Test de los contenidos, identificando textos más relevantes, que el utilizado en el Tag Meta Description. Existen casos en donde para dos búsquedas, de las mismas palabras claves. El Snippets Results en Google muestre textos diferentes como descripción, para una misma URL. Por ello es muy importante considerar el uso de sub títulos dentro de los contenidos (H2; H3; etc…) pueden ser alternativas al H1 o al Title Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Elementos técnicos del SEO Meta keywords Descripción meta keywords Fueron mal utilizadas por muchos años. Google no las considera desde hace muchos años. Google does not use the keywords meta tag in web ranking http://googlewebmastercentral.blogspot.com.ar/2009/09/googledoes-not-use-keywords-meta-tag.html Otros buscadores las utilizan: puede ser… Los Robots “Malos” (web spiders) que roban contenido como emails, teléfonos, textos, etc. Basan sus criterios de búsquedas en las Meta Keywords. Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Elementos técnicos del SEO Resultado en el buscador - descripción Descripción de la página Texto de la página Texto de la página Martín Garay - 2013 @DigitalAnalyst_ Optimización de Imagenes Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Elementos técnicos del SEO Resultado en el buscador - imágenes Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Elementos técnicos del SEO Resultado en el buscador - imágenes ¿Les gusta esta foto? Nombre del archivo de la imagen www.mi-sitio.com/fotos/steve-jobs_foto01.jpg www.mi-sitio.com/fotos/steve-jobs_foto02.jpg www.mi-sitio.com/fotos/steve-jobs_foto03.jpg www.mi-sitio.com/fotos/steve-jobs_foto04.jpg Los nombres de los archivos deben tener palabras claves Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Elementos técnicos del SEO Resultado en el buscador - imágenes El nombre de archivo de la imagen debe ser un nombre descriptivo, con palabras claves. El HTML de la imagen contiene propiedades : Alt, Title, Width y Height. ALT: texto alternativo, se utiliza para identificar en contenido de la imagen. Si el navegador o el Robot, no puede acceder a la imagen, interpretaran este valor. TITLE: es el título de la imagen, es el texto que se verá al hacer un mouse over. width y height son las dimensiones. Estas propiedades, facilitan el trabajo a navegadores. Martín Garay - 2013 @DigitalAnalyst_ Sitemap Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Sitemap Sitemap Proporciona al Robot información con respecto a sus contenidos, en lugar de depender de la interpretación de robot extractor. El archivo sitemap, no garantiza que las URL que contienen serán indexadas y publicadas dentro de un resultado de una búsqueda orgánica. - El archivo no debe exceder las 50.000 URLs - No se deben repetir URL Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Sitemap ¿Cuando es necesario ? • El sitio contiene páginas que el robot no puede localizar fácilmente • El sitio incluye contenido dinámico. • Es necesario el uso de parámetros para ver los contenidos \Pagina.html?prodId=150 • Hay contenido que depende de AJAX, JavaScript o Flash \Pagina.html#prodId=150. • El sitio es nuevo y hay pocos links externos entrantes. • El sitio tiene muchas páginas de contenidos que no están bien enlazadas entre ellas o que sencillamente no están enlazadas. Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Sitemap - Desarrollar y validar los mapas Estructura del sitemaps.xml URL a la página Indispensable Fecha de modificación Frecuencia de cambio Prioridad (0.0 a 1.0) - Default 0.5 El robot decide de forma arbitraria la prioridad y la frecuencia de cambio Martín Garay - 2013 http://www.sitemaps.org @DigitalAnalyst_ SEO. Optimización es Buscadores Sitemap ¿Cuando es necesario? El sitio tendrá Foco regional. Para mejorar la performance en “Resultados locales”. Es una buena práctica Implementar un sitemap, que defina el contenido específico para cada región, e idioma Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Sitemap – Desarrollar y Validar #SEOTips Estructura del sitemap - Internacionalización Internacionalización Si el sitio está dirigido a usuarios con distintos idiomas o, distintos países, con el mismo idioma. Puedes usar los SiteMap para proporcionar información adicional. Esta información ayudan al buscador a ofrecer a los usuarios el contenido más adecuado según el idioma o la región. Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Sitemap – Desarrollar y Validar #SEOTips Estructura del sitemap - Internacionalización Define el idioma y/o la región El robot decide e forma arbitraria la prioridad y la frecuencia de cambio Martín Garay - 2013 http://www.sitemaps.org @DigitalAnalyst_ SEO. Optimización es Buscadores Sitemap – Desarrollar y validar Generador de sitemap El archivo debería estar en: www.misitio.com/sitemaps.xml Esto incrementa la posibilidad que otros robots encuentre el archivo Es recomendable es que el propio sitio Auto-Genere el sitemap, cuando hay un nuevo contenido http://www.sitemaps.org http://www.xml-sitemaps.com/ Martín Garay - 2013 @DigitalAnalyst_ Robots.txt Protocolo de Exclusión Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Robots.txt ¿Qué es? Permite restringir el acceso a los robots de los motores de búsqueda que rastrean la web y puede evitar que accedan a directorios y páginas y archivos para que no sean publicados en un resultado de búsqueda, se lo que se llama: El Protocolo de Exclusión Funciona así: Un robot que quiere una dirección URL del sitio Web, por ejemplo: http://www.example.com/welcome.html Lo primero es que va a realizar es chequear que exista: http://www.example.com/robots.txt Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Robots.txt Estadísticas de rastreo #SEOTips No tener un archivo Robots.txt Puede traer muchos problemas de posicionamiento Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Robots.txt ¿Cuando usarlo? No debe bloquear los robots de búsqueda, para que puedan acceder a sus artículos / URL Por el contrario, se debe bloquear el acceso de los robots a grandes espacios generados dinámicamente que no son útiles en el descubrimiento de sus artículos • Los carritos de compra • Formularios de • comentarios • Registro • Autenticaciones. • Páginas de resultados de su buscador Interna Martín Garay - 2013 Google considera que si un usuario encuentra dos resultados iguales, en un mismo sitio Web, ello retrasaría al usuario para encontrar una respuesta valida a su búsqueda. @DigitalAnalyst_ SEO. Optimización es Buscadores Robots.txt ¿Como implementarlo? Para que los robots puedan acceder a todas las URL en su sitio el file www.example.edu / robots.txt: User-agent: Googlebot Permitir: / Para bloquear User-agent: * Disallow: /resultado-buscador.php Mas en: http://www.robotstxt.org Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Robots.txt #SEOTips Se podría desarrollar un sitio con directorios específicos para un: - Navegador en particular… - Sistema Opertivo…. - Robot…. Permite bloquear el acceso a Robots SPAM También se puede usar para especifica la ubicación del archivo del mapa del sitio XML. Sitemap: http://www.example.com/sitemap.xml Martín Garay - 2013 @DigitalAnalyst_ Datos estructurados Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Datos estructurados - Rich Snippets ¿Qué son? Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Datos estructurados - Rich Snippets ¿Qué son? Son Atributos simples de HTML, que se aplican en los Markups. Se utilizan para asignar propiedades adicionales a los elementos como: • • • • Name Image Description URL Los objetos se pueden anidar para formar parte de un sistema más complejo Los buscadores identifican estas propiedades y los muestra en los resultados de búsquedas. Martín Garay - 2013 Estas propiedades adicionales, forman parte de un objeto principal como: • • • • • • • • • • • • Organization NewsArticle Recipe Author Person Video Movie TVSeries LocalBusiness FoodEstablishment Store Product http://schema.org @DigitalAnalyst_ SEO. Optimización es Buscadores Datos estructurados - Rich Snippets Tipos de datos Estructurados Nombre Name Image NewsArticle Address url Awards Author Person Email Follows worksFor Martín Garay - 2013 http://schema.org/docs/full.html LocalBusiness @DigitalAnalyst_ SEO. Optimización es Buscadores Datos estructurados - Rich Snippets Tipos de datos Estructurados Nombre Name Image Person LocalBusiness Email url Name Employees Person Email Name Person Email Martín Garay - 2013 http://schema.org/docs/full.html @DigitalAnalyst_ SEO. Optimización es Buscadores Datos estructurados - Rich Snippets Tipos de datos Estructurados Nombre VideoObject Image Video Thumbnail CreativeWork url videoQuality Recipe Author cookingMethod Name Image Ingredients Nutrition Martín Garay - 2013 http://schema.org/docs/full.html @DigitalAnalyst_ SEO. Optimización es Buscadores Datos estructurados - Rich Snippets ¿Como se implementan? Los objetos se pueden anidar para formar parte de un sistema más complejo Author Person Article Image Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Datos estructurados - Rich Snippets Mejoran la performance SERp El Top 3 %62 clicks Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores 5 6 Datos estructurados Mejoran la performance SERp 1 - Mejora la experiencia del usuario 2 7 - Reduce el tiempo de decisión del usuario 8 9 - Su implementación optimiza el CTR de los resultados orgánicos 3 10 4 Martín Garay - 2013 @DigitalAnalyst_ Status Code Errores comunes del sitio Web Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Códigos de Status y Respuesta El servidor responde enviando un código de respuesta llamado HTTP Status Code Cuando el Navegador, también llamado cliente o browser Estos códigos de respuesta, se usan para entender el estado de estos objetos. Solicitan un objeto al servidor, como por ejemplo: • • • • Martín Garay - 2013 Una página web. Imágenes. Video. Flash. @DigitalAnalyst_ SEO. Optimización es Buscadores Códigos de Status y Respuesta 200 OK 200 OK - La solicitud ha tenido éxito. El objeto solicitado, fue devuelto de forma satisfactoria. Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Códigos de Status y Respuesta 304 Sin cambios El cliente identifica que el objeto se encuentra en CACHE Memoria Cache Si el servidor identifica que no fue modificado desde el ultimo acceso, y responde con un código de estado 304 Sin cambios El cliente va a mostrar el objeto guardado en CACHE. Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Códigos de Status y Respuesta 404 - No se ha encontrado El cliente solicita una objeto al servidor El servidor identifica que el objeto ya no existe y devuelve un mensaje error 404 No se ha encontrado Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Códigos de Status y Respuesta 301 redirección permanente El navegador solicita un objeto, en una URI determinada www.misitio.com/home.html 301 - www.misitio.com/nueva-home.html El servidor identifica que el objeto solicitado se encuentra en otra URI www.misitio.com/nueva-home.html 301 redirección - movido permanentemente El objeto solicitado se le ha asignado una nueva URI permanente y todas las referencias futuras a este objeto deben ser a la nueva URI devuelta. Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Códigos de Status y Respuesta 302 redirección temporal El navegador solicita un objeto, en una URI determinada www.misitio.com/home.html 302 - www.misitio.com/nueva-home.html El servidor identifica que el objeto solicitado se encuentra temporalmente en otra URI www.misitio.com/home.html Martín Garay - 2013 302 redirección - movido temporalmente El recurso solicitado reside temporalmente bajo un URI diferente. Dado que el cambio de dirección puede ser modificada de vez en cuando, el cliente debe seguir utilizando el la URI original no la devuelta. @DigitalAnalyst_ SEO. Optimización es Buscadores Códigos de Status y Respuesta 3XX – 4XX – 5XX 3XX corresponden en general, a acciones o decisiones que puede tomar el cliente, sin intervención o confirmación del usuario. 4XX Corresponden a errores en el cliente, en los cuales por diferentes motivos no ha podido resolver el objeto. 400 Solicitud Incorrecta. 401 No Autorizado. 402 Requerimiento de pago. 403 El servidor se niega a devolver el contenido. 405 Método no Permitido. 406 No aceptable. 5XX Corresponden a errores del servidor, en los cuales por diferentes motivos no ha podido resolver el objeto solicitado por el cliente. 500 Internal Server Error. 501 No implementado. 502 Bad Getway. 503 Servicio no disponible. 504 Getway Timeout. Martín Garay - 2013 www.w3.org @DigitalAnalyst_ Velocidad de Carga Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Velocidad de Carga La velocidad de carga del sitio web es un factor radical en el ranking Los sitios web de alto rendimiento generan una mayor participación de los visitantes, mejoran la retención y las conversiones Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Velocidad de Carga PageSpeed Insights https://developers.google.com/speed/pagespeed/ Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Velocidad de Carga PageSpeed Insights Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Velocidad de Carga PageSpeed Insights Martín Garay - 2013 @DigitalAnalyst_ Responsive Web Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Responsive Web Design ( RWD ) Es un enfoque de diseño web destinado en la elaboración de sitios para proporcionar: • Visualización óptima. • Experiencia de navegación. • Fácil lectura. Compatible con una amplia gama de dispositivos para cualquier dimensión de pantalla • PC / Mac • Smartphone • SmartTV Un sitio diseñado con RW, adapta el diseño de las condiciones de observación. Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Responsive Web Design ( RWD ) Es posible, mediante el uso: Grillas fluidas, Los elementos, se adaptan al tamaño, Unidades relativas, como porcentajes. No en unidades absolutas como pixeles o puntos. Imágenes flexibles Están dimensionadas en unidades relativas, a fin de evitar que se muestre fuera de su elemento contenedor. Consultas al medio de comunicación (Media query) permiten utilizar diferentes reglas de estilo CSS basados en las características del dispositivo, los datos más comunes son las dimensiones de la apantalla. Server-Side Components (RESS) Consulta características del dispositivo del lado del servidor, en conjunto con el cliente pueden reproducir sitios de forma más rápida. El servidor entregar información mas especifica, compatible con la funcionalidad y capacidades del cliente. Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Responsive Web Design ( RWD ) Cada día hay más dispositivos de navegación, y no podemos desarrollar una versión para cada uno de ellos. Responsive Web Design representa un cambio fundamental en la forma en que vamos a construir sitios web para la próxima década. - Jeffrey Veen, Adobe Hay que para de pensar en páginas Web. Empezá a pensar en sistemas - Jeremy Keith Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Responsive Web Design ( RWD ) Cosas a tener en cuenta - Tiempo y Dinero. - Soporte del navegador. - Rendimiento. - Contenido. - Sitio web vs App Web. Martín Garay - 2013 Ganas Control Un único sitio para: - Administrar - Corregir - Mejorar - Monitorear Ahorro de Tiempo y Dinero @DigitalAnalyst_ Problemas en el rastreo, la Indexación Resultados y contenidos Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Rastreo – Problemas comunes Google Sabe que existo, pero no me rastrea Problemas de comunicación Googlebot - Sitio Web Errores del servidor Errores de URL Martín Garay - 2013 • • • • DNS Conectividad del servidor Error base de datos… Información del robot.txt • Conflictos de redirección • Error 404 • Tiempo de espera agotado @DigitalAnalyst_ SEO. Optimización es Buscadores #SEOtips | A/B Test Penalizaciones Cloak o Cloaking Se denomina en SEO a técnicas para publicar un contenido a un visitante y otro diferente a un buscador. Las modificaciones en el HTML deben ser reales. No se deben aplicar cambios entre diferentes páginas ocultamiento de áreas con CSS o Java Scripts. Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores #SEOtips | A/B Test Penalizaciones Contenido duplicado Hablamos que contenido duplicado es todo aquel documento HTML, que fue copiado parcial o total y publicado en más de una URL. Google considera que si un usuario encuentra dos resultados iguales, en un mismo sitio Web, ello retrasaría al usuario para encontrar una respuesta valida a su búsqueda. Es necesario incorporar dentro del <head>, en todas las paginas que participan del experimento el Tag <link rel="canonical" href=“URL-pagina-original” /> Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Los usuarios ven la misma página Contenido duplicado = #SEOTips /contenido.html?parametro=1 /contenido.html /contenido.html?parametro=2 Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores Los Robots espera ver Diferentes páginas Contenido duplicado #SEOTips => Los Robots ven Contenido duplicado = /contenido.html?parametro=1 /contenido.html /contenido.html?parametro=2 Martín Garay - 2013 @DigitalAnalyst_ SEO. Optimización es Buscadores #SEOtips | Redirección 302 | A/B Test Penalizaciones #SEOTips NO ejecutar el Redirecciones 302 más de lo necesario (Cloaking 2) Una vez Resuelto el problema, ó lo que funciona mejor para su sitio (A/B Test), eliminar las redirecciones Google: “….Si descubrimos un sitio que ejecuta un experimento durante un tiempo innecesariamente largo, podemos interpretar esto como un intento de engañar a los motores de búsqueda y actuar en consecuencia." Martín Garay - 2013 @DigitalAnalyst_ Martín Garay - 2013 @DigitalAnalyst_ ¡ Gracias ! Martín Garay Senior Digital Analyst, SEO Specialist @DigitalAnalyst_