19
Curso de Diseño Web

Curso de Diseño Web. Asegúrate que todo está listo Probar el sitio en múltiples navegadores IETester

Embed Size (px)

Citation preview

Page 1: Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores    IETester

Curso de Diseño Web

Page 2: Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores    IETester

Asegúrate que todo está listo Probar el sitio en múltiples navegadores

http://browsershots.org/

IETesterhttp://www.my-debugbar.com/wiki/IETester/HomePage

Generar FavIcon http://www.chami.com/html-kit/services/favicon/

W3C (X)HTML Validator http://validator.w3.org/

W3C CSS Validator http://jigsaw.w3.org/css-validator/

Page 3: Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores    IETester

Definición

El posicionamiento en buscadores (también conocido como SEO, Search Engine Optimization, optimización para motores de búsqueda) consiste en aplicar diversas técnicas tendientes a mejorar la posición de un determinado sitio web en la lista de resultados de los motores de búsqueda.

La aplicación de técnicas SEO es especialmente intensa en sitios web que ofertan productos o servicios con mucha competencia, buscando el posicionar determinado sitio sobre el de su competencia en la lista de resultados.

[Tomado de Wikipedia]

Page 4: Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores    IETester

Robots

Un robot es software que accede a las páginas web de un sitio para buscar información en ella, añadirla a su base de datos, etc.

También son llamados spiders, arañas, bots, crawlers o indexadores.

Googlebot es el nombre del robot de Google.

Googlebot-Image, robot indexador de imagenes del buscador de Google.

Msnbot, robot de indexación de Bing Slurp, robot de indexación de Yahoo!

Page 5: Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores    IETester

Herramientas

Centro para Webmasters en Google: http://www.google.com/webmasters

Yahoo SiteExplorer: https://siteexplorer.search.yahoo.com

Guías para Webmasters en Bing: http://www.bing.com/toolbox/webmasters

Con estas herramientas damos de alta nuestro sitio.

Page 6: Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores    IETester

Lo verdaderamente importante Identifica las palabras que la gente a

quien le pueda interesar tu sitio usará en los buscadores.

Haz una lista.

 Carga el mayor contenido real posible usando esas palabras.

Page 7: Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores    IETester

Factores dentro del Sitio Uso de las palabras clave en el

dominio del sitio.

http://www.palabras-clave.com

Page 8: Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores    IETester

Factores dentro del Sitio Usar las palabras clave en los

nombres de archivo.

http://www.ejem.com/palabras-clave.html

http://www.ejem.com/palabras-clave/pagina.html

Page 9: Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores    IETester

Factores dentro del Sitio El título de cada página Va dentro de la sección

<head></head>

<title>Palabras clave</title>

<title>Empresa :: Palabras clave</title>

Page 10: Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores    IETester

Factores dentro del Sitio Las Etiquetas Meta Van dentro de la sección

<head></head>

<meta name ="keywords" content="palabra clave 1, palabra clave 2, palabra clave 3, etc">

<meta name="description" content="Descripción en 12 o 15 palabras de tu web y su contenido general.">

Page 11: Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores    IETester

Factores dentro del Sitio Estructura semánticamente correcta

del HTML, eso significa:Uso adecuado de las etiquetas comoh1 … h6, p, ul y otras.

Los buscadores reconocen la importancia de los encabezados, y valoran ese texto como importante.

Page 12: Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores    IETester

Factores dentro del Sitio El texto de los enlaces

<a href="archivo.html“>Palabras clave</a>

Page 13: Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores    IETester

Factores dentro del Sitio Imágenes

<img src=“imagen.jpg" alt="Palabras clave">

Page 14: Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores    IETester

Factores dentro del Sitio Google no lee ni ejecuta código

javascript.

Google solo puede rastrear algo de los textos del interior de archivos Flash.

Si usas un menú en Flash, que haya otro menú en HTML.

Page 15: Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores    IETester

Sitemaps

Los sitemaps son archivos 'indice' del contenido del sitio. Es un archivo XML que le indica a Google las URL de los archivos disponibles para ser indexados por el buscador.

Generador de Sitemaps: http://www.xml-sitemaps.com/

Se dan de alta usando las herramientas que cada buscador provee.

Page 16: Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores    IETester

Factores fuera del Sitio

Texto de los enlaces que apuntan al sitio.

PageRank o ‘peso’ de los sitios que enlazan al nuestro.

El valor de Page Rank no es tan importante hoy día.

Page 17: Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores    IETester

Evitar Penalizaciones

Abuso de palabras clave. Texto oculto. Enlaces ocultos. Gateway o Doorway pages. Son páginas

diseñadas exclusivamente para los buscadores.

Cloaking. Páginas dinámicas que ofrecen contenido diferente al robot de Google.

Páginas con contenido duplicado.

Page 18: Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores    IETester

Más para Leer

Posicionamiento web en Googlehttp://google.dirson.com/posicionamiento.net/

Libro SEO descarga gratishttp://libroseo.bubok.com

Guia Básica de Posicionamiento en Buscadoreshttp://www.guiabuscadores.com/posicionamiento/

Guia de SEO de Google (PDF en inglés)http://www.google.com/webmasters/docs/search-engine-optimization-starter-guide.pdf

Page 19: Curso de Diseño Web. Asegúrate que todo está listo  Probar el sitio en múltiples navegadores    IETester

FIN