Crea títulos de página únicos y precisos

No ay Comentarios »

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.

seo

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.

seo0

Un usuario realiza la consulta [cromos de fútbol]

seo1

Nuestra página de inicio se muestra como resultado, con el título en la primera línea (Ten en cuenta que las palabras de la consulta que el usuario buscó aparecen en negrita)

seo2

Si el usuario hace clic en el resultado y visita la página, el título de la página aparecerá en la parte superior del navegador

Los títulos de páginas internas de tu sitio deben describir con precisión de qué trata esa página en concreto y también deberían incluir el nombre de la empresa o el sitio.

seo3

Un usuario realiza la consulta [cromos de fútbol más buscados]

seo4

Una página interna relevante (cuyo título es único para el contenido de la página) de nuestro sitio web aparece como resultado.

Optimización para motores de búsqueda

No ay Comentarios »

 

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.

busqueda

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.

CSS avanzado Técnicas imprescindibles

No ay Comentarios »

 

css_avanzado_pmiEl 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>

Referencias de CSS 2.1

1 Comentario »

Definición completa y ejemplos de uso de todas las propiedades del estándar CSS 2.1

Ejemplos de uso

La propiedad background es una de las “propiedades shorthand” que define CSS y que se utilizan para establecer de forma abreviada el valor de una o más propiedades individuales. En concreto, background permite establecer simultáneamente las cinco propiedades relacionadas con el color e imagen de fondo de cada elemento.

Gracias a la propiedad background se puede establecer de forma directa el color de fondo (background-color), la imagen de fondo (background-image), su posición (background-position), si la imagen es fija o no (background-attachment) y/o si la imagen se repite o no (background-repeat). Puedes consultar la documentación de cada propiedad individual para acceder a sus ejemplos de uso.

En ocasiones, la propiedad background se utiliza simplemente para establecer el color de fondo de un elemento, ya que es más corto de escribir que la propiedad background-color. De esta forma, las dos reglas CSS siguientes producen el mismo efecto:

Todo el Libro acá

CSS lenguaje de hojas de estilos

No ay Comentarios »

CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML y XHTML. CSS es la mejor forma de separar los contenidos y su presentación y es imprescindible para crear páginas web complejas.Separar la definición de los contenidos y la definición de su aspecto presenta numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien definidos y con significado completo (también llamados “documentos semánticos”). Además, mejora la accesibilidad del documento, reduce la complejidad de su mantenimiento y permite visualizar el mismo documento en infinidad de dispositivos diferentes.Al crear una página web, se utiliza en primer lugar el lenguaje HTML/XHTML para marcar los contenidos, es decir, para designar la función de cada elemento dentro de la página: párrafo, titular, texto destacado, tabla, lista de elementos, etc.Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de cada elemento: color, tamaño y tipo de letra del texto, separación horizontal y vertical entre elementos, posición de cada elemento dentro de la página, etc.

Descargar el Manual

Windows Azure

No ay Comentarios »

El gigante Microsoft ha presentado en Los Ángeles su nueva creación. Se llama Windows Azure y es el prototipo de un sistema que podrá empezar a comercializarse en 2010. Según han manifestado representantes de esta empresa todavía quedan dos años para poder mejorar esta nueva apuesta tecnológica.

Windows Azure ha nacido con el objetivo de que las empresas no tengan que invertir grandes cantidades económicas en los equipos ni en los mantenimientos de los mismos, tampoco los usuarios. Lo que propone este sistema es que Microsoft ponga a disposición de los usuarios la infraestructura y éstos sólo paguen por el servicio periódicamente.

Este nuevo avance tecnológico se ha presentado en el marco de la Profesional Developers Conference 2008, celebrada en Los Ángeles. Allí los expertos manifestaron que esta nueva plataforma va a beneficiar a las nuevas economías emergentes, como es el caso de varios países iberoamericanos, entre otros, ya que con Azure podrán trabajar con las últimas tecnologías informáticas por poco dinero todos los meses.

Y aunque este tipo de sistema informático se viene anunciando desde hace tiempo, Los Ángeles ha sido el lugar de la presentación oficial. Lo que está claro es que Azure se muestra como una gran alternativa a lo que existe actualmente. Esta opción puede revolucionar el mundo de las aplicaciones y servicios a través de Internet. También va a permitir automatizar las relaciones entre empresas y clientes.
Via: Excite.es

Comprar y vender de forma segura por Internet

1 Comentario »

Este tema de las ventas y compras por Internet me llego vía tablondeanuncios.com.

La verdad esta muy interesante ya que muchos de nosotros estamos vendiendo y comprando por Internet y es muy importante el tema seguridad.

A continuación un extracto del tema y lo demás en la pagina de origen.

Cita:

 

1.- Desconfía de los anuncios con precios extraordinariamente bajos y de aquellos que el precio está en una moneda distinta a la de tu país.

2.- Desconfía si el vendedor está en el extranjero o el anuncio no está en español o estando en español está mal redactado y usa palabras poco frecuentes.

 

3.- Desconfía de las propuestas de negocio que suenan demasiado bien para ser ciertas. Dentro de esta categoría se encuentran las promesas para solucionar sus problemas de crédito, las oportunidades comerciales o laborales que garantizan grandes ingresos diarios, inversiones libres de riesgos y con altos intereses y viajes gratuitos.

4.- Desconfía de las ofertas de empleo que te piden algo por adelantado o que para solicitar la entrevista llames a un Teléfono de tarificación especial: 803, 806, 807, 905, etc.

5.- Desconfía si el vendedor te pide que le envíes por correo electrónico datos de tu tarjeta de crédito. En ningún caso debes enviar los datos de tu tarjeta de crédito: número de la tarjeta, código de seguridad, fecha de caducidad, nombre del titular, etc.

6.- Procura pedir todos los datos posibles al vendedor: dirección, número de teléfono (si es posible fijo), etc. comprueba que no hay incongruencias en los datos. Por ejemplo, que coincide la provincia en la que está el vendedor con el prefijo del número de teléfono. Que el vendedor no te de un nº de teléfono o te diga que no tiene es algo que te debe poner en alerta. Por último, busca información del vendedor en Google poniendo la dirección de email o el teléfono y viendo las referencias que aparecen. Podrás ver entre otras cosas si hay alguna denuncia sobre él.

7.- Antes de iniciar cualquier tipo de pago procura hablar por teléfono con el vendedor (los estafadores no suelen ponerse al teléfono o el teléfono que dan no existe)

8.- Nunca pagues de manera anticipada si no estás seguro de la identidad del comprador. Para más seguridad puedes usar el pago contra reembolso con comprobación del artículo.

9.- Los anuncios de trabajo en casa por lo general no valen la pena. Ten mucho cuidado con los anuncios que prometen gigantescos sueldos anuales: a menudo exigen costosos desembolsos iniciales sin garantías. Te arriesgas a perder dinero, tiempo y energía. (en Estados Unidos llevan tiempo empleando esta técnica y advierten de los problemas )