Escrito por Datta on 22 Diciembre 2008
Una etiqueta title indica tanto a los usuarios como a los motores de búsqueda el tema del que trata una página. La etiqueta <title> debe colocarse dentro de la etiqueta <head> en el documento HTML.
Lo ideal sería crear un título único para cada página del sitio.
El título de la página principal de nuestro sitio de cromos de fútbol, que enumera el nombre de
la empresa y las tres áreas en las que se centra
Si el documento aparece en una página de resultados de búsqueda, el contenido de la etiqueta title por lo general aparece en la primera línea de los resultados (Si no estás familiarizado con las distintas partes de un resultado de búsqueda de Google, puede que quieras echar un vistazo al video
“Anatomía de un resultado de búsqueda” [inglés] del ingeniero de Google Matt Cutts, o al diagrama de una página de resultados de búsqueda de Google [inglés]). Las palabras del título aparecerán en negrita si son las mismas palabras que el usuario buscaba. Esto puede ayudar a los usuarios a reconocer si la página es relevante para su búsqueda.
El título de tu página de inicio puede incluir el nombre de tu sitio web o negocio y podría incluir otra información importante, como la ubicación física de la empresa o tal vez algunas de sus principales actividades u ofertas.
Un segundo! Continua la lectura »
Escrito por Datta on 18 Diciembre 2008
La optimización en motores de búsqueda consiste a menudo en pequeñas modificaciones en partes concretas de tu sitio Web. Cuando estas modificaciones se consideran de manera individual, pueden percibirse como mejoras, pero cuando se combinan con otras optimizaciones, podrían causar un gran impacto en la experiencia del usuario y en el rendimiento del sitio en los resultados de búsqueda orgánicos. Probablemente ya estés familiarizado con muchos de los temas que se incluyen en esta guía, que son ingredientes esenciales para cualquier página Web, pero puede que no estés sacándoles el máximo partido.
La optimización en buscadores afecta únicamente a los resultados de búsqueda orgánicos, no a los resultados pagados o patrocinados, como sería el caso de Google AdWords.
Aunque en el título de esta guía aparezcan las palabras “motores de búsqueda”, nos gustaría decir que, ante todo, debes basar tus decisiones sobre optimización pensando en la mejor opción para los usuarios que visitan tu sitio. Son los principales consumidores de tu contenido y utilizan motores de búsqueda para encontrarlo. Si te centras demasiado en determinados ajustes para obtener un buen posicionamiento en los resultados de búsqueda orgánicos, no podrás ofrecer los resultados deseados. La optimización en motores de búsqueda trata de mostrar lo mejor de tu sitio en los motores de búsqueda.
Un ejemplo aclarará nuestras explicaciones y por eso hemos creado un sitio Web ficticio que utilizaremos en toda la guía. Para cada tema, hemos puesto suficiente información sobre el sitio para ilustrar el asunto que tratamos. Aquí tienes algo de información sobre el sitio que usaremos:
• Sitio Web o nombre del negocio: “Los Cromos de fútbol de Andrés”.
• Nombre del dominio: cromosfutbolandres.com
• Se centra en: Venta de cromos por Internet, guías de precios, artículos y noticias
• Tamaño: pequeño, ~250 páginas.
Puede que tu sitio sea más grande o más pequeño que éste y ofrezca contenido muy diferente, pero los temas sobre optimización que discutiremos a continuación son aplicables a sitios de cualquier tipo y tamaño.
Esperamos que esta guía te ofrezca algunas ideas nuevas para mejorar tu sitio Web.
Próximos post más sobre optimización en motores de búsqueda.
Escrito por Datta on 11 Diciembre 2008
El estándar CSS 2.1 incluye más de 100 propiedades de todo tipo para diseñar el aspecto de las páginas HTML. No obstante, los diseños web más actuales muestran recursos gráficos que no se pueden realizar con CSS, como sombras, transparencias, esquinas redondeadas y tipografía avanzada. Por ese motivo, es preciso que los diseñadores web profesionales conozcan las técnicas imprescindibles para crear diseños web avanzados.
En las próximas secciones se muestran las siguientes técnicas imprescindibles:
- Propiedades shorthand para crear hojas de estilos concisas.
- La propiedad
hasLayout de Internet Explorer, imprescindible para solucionar muchos errores de ese navegador.
- Limpiar floats, para trabajar correctamente con los elementos posicionados de forma flotante.
- Cómo crear elementos de la misma altura, imprescindible para el layout o estructura de las páginas.
- Sombras, transparencias y esquinas redondeadas, que no se pueden crear con CSS 2.1.
- Sustitución de texto por imágenes y por Flash, para utilizar cualquier tipografía en el diseño de las páginas.
- Rollovers y sprites CSS para mejorar el tiempo de respuesta de las páginas.
- Técnicas para trabajar con el texto y la tipografía.
- Los elementos HTML que por defecto tienen un layout en Internet Explorer son:
<html>, <body><table>, <tr>, <th>, <td><img><hr><input>, <button>, <select>, <textarea>, <fieldset>, <legend><iframe>, <embed>, <object>, <applet><marquee>
