Capacitación Webometrics día 2

Transcripción

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.
@DigitalAnalyst_
HTML Markups
@DigitalAnalyst_
Elementos técnicos del SEO
Resultado en el buscador
@DigitalAnalyst_
Resultado en el buscador
@DigitalAnalyst_
Títulos y SubTitulos
@DigitalAnalyst_
Resultado en el buscador - Título
Título de la página
@DigitalAnalyst_
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.
@DigitalAnalyst_
<h1>Título de la Nota</h1>
@DigitalAnalyst_
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
@DigitalAnalyst_
<h4>Título módulo</h4>
<h2>Sub Título de la Nota</h2>
@DigitalAnalyst_
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).
@DigitalAnalyst_
Resultado en el buscador – Descripción
<meta name="description" content="
Descripción de la página
@DigitalAnalyst_
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.
@DigitalAnalyst_
Sin contenido no hay conversión
@DigitalAnalyst_
Si tu contenido –no esta optimizado –
o es poco relevante
¡Google modifica tu resultado!
@DigitalAnalyst_
Optimizar MetaData pero no los contenidos
Si tu contenido es poco relevante, Google modifica tu resultado
@DigitalAnalyst_
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
@DigitalAnalyst_
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.
@DigitalAnalyst_
Resultado en el buscador - descripción
Descripción de la página
Texto de la
página
Texto de la página
@DigitalAnalyst_
Optimización de Imagenes
@DigitalAnalyst_
Resultado en el buscador - imágenes
@DigitalAnalyst_
¿Les gusta esta foto?
Nombre del archivo de la imagen
www.mi-sitio.com/fotos/steve-jobs_foto01.jpg
Los nombres de los archivos
deben tener palabras claves
@DigitalAnalyst_
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.
@DigitalAnalyst_
Sitemap
@DigitalAnalyst_
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
@DigitalAnalyst_
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.
@DigitalAnalyst_
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
http://www.sitemaps.org
@DigitalAnalyst_
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
@DigitalAnalyst_
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.
@DigitalAnalyst_
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
@DigitalAnalyst_
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.xml-sitemaps.com/
@DigitalAnalyst_
Robots.txt
Protocolo de Exclusión
@DigitalAnalyst_
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
@DigitalAnalyst_
Robots.txt
Estadísticas de rastreo
#SEOTips
No tener un archivo Robots.txt
Puede traer muchos problemas
de posicionamiento
@DigitalAnalyst_
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
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_
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
@DigitalAnalyst_
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
@DigitalAnalyst_
Datos estructurados
@DigitalAnalyst_
Datos estructurados - Rich Snippets
¿Qué son?
@DigitalAnalyst_
¿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.
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_
Tipos de datos Estructurados
Nombre
Name
Image
NewsArticle
Address
url
Awards
Author
Person
Email
Follows
worksFor
http://schema.org/docs/full.html
LocalBusiness
@DigitalAnalyst_
Nombre
Name
Image
Person
LocalBusiness
Email
url
Name
Employees
Person
Email
Name
Person
Email
@DigitalAnalyst_
Nombre
VideoObject
Image
Video
Thumbnail
CreativeWork
url
videoQuality
Recipe
Author
cookingMethod
Name
Image
Ingredients
Nutrition
@DigitalAnalyst_
¿Como se implementan?
Los objetos se pueden anidar para formar parte de un sistema más complejo
Author Person
Article
Image
@DigitalAnalyst_
Mejoran la performance SERp
El Top 3
%62 clicks
@DigitalAnalyst_
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
@DigitalAnalyst_
Status Code
Errores comunes del sitio Web
@DigitalAnalyst_
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:
•
•
•
•
Una página web.
Imágenes.
Video.
Flash.
@DigitalAnalyst_
200 OK
200 OK - La solicitud ha tenido éxito.
El objeto solicitado, fue devuelto de
forma satisfactoria.
@DigitalAnalyst_
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.
@DigitalAnalyst_
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
@DigitalAnalyst_
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
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.
@DigitalAnalyst_
302 redirección temporal
El navegador solicita un objeto,
en una URI determinada
302 - www.misitio.com/nueva-home.html
solicitado se encuentra temporalmente en otra URI
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_
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.
www.w3.org
@DigitalAnalyst_
Velocidad de Carga
@DigitalAnalyst_
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
@DigitalAnalyst_
Velocidad de Carga
PageSpeed Insights
https://developers.google.com/speed/pagespeed/
@DigitalAnalyst_
Velocidad de Carga
PageSpeed Insights
@DigitalAnalyst_
Velocidad de Carga
PageSpeed Insights
@DigitalAnalyst_
Responsive Web
@DigitalAnalyst_
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.
@DigitalAnalyst_
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.
@DigitalAnalyst_
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
@DigitalAnalyst_
Cosas a tener en cuenta
- Tiempo y Dinero.
- Soporte del navegador.
- Rendimiento.
- Contenido.
- Sitio web vs App Web.
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
@DigitalAnalyst_
Rastreo – Problemas comunes
Google Sabe que existo, pero no me rastrea
Problemas de comunicación
Googlebot - Sitio Web
Errores del servidor
Errores de URL
•
•
•
•
DNS
Conectividad del servidor
Error base de datos…
Información del robot.txt
• Conflictos de redirección
• Error 404
• Tiempo de espera agotado
@DigitalAnalyst_
#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.
@DigitalAnalyst_
#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” />
@DigitalAnalyst_
Los usuarios ven la misma página
Contenido duplicado
=
#SEOTips
/contenido.html?parametro=1
/contenido.html
@DigitalAnalyst_
Los Robots espera ver Diferentes páginas
Contenido duplicado
#SEOTips
=> Los Robots ven Contenido duplicado
=
/contenido.html
@DigitalAnalyst_
#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."
@DigitalAnalyst_
@DigitalAnalyst_
¡ Gracias !
Martín Garay
Senior Digital Analyst, SEO Specialist
@DigitalAnalyst_

Capacitación Webometrics día 2

Transcripción

Documentos relacionados

Valorar nuestra historia es amar nuestro presente

Bahía de Santander

seo expert andres zamora - costa rica search engine optimization