SEO

imagen o h1 para mi logo?

Share on LinkedInShare on FacebookTweet about this on TwitterShare on Google+

Algo tan basico en las buenas practicas para SEO es tener nuestro titulo o logo principal de nuestra pagina web en la etiqueta h1 <h1>TITULO WEB</h1> como por ejemplo yo lo hago en mi web ya que mi nombre es el titulo y logo principal de mi pagina.

No puedes usar mas de 1 vez un h1 de lo contrario un gatito morira

en la siguiente imagen muestro como yo lo uso en mi pagina web.
titulo en h1

 

Pero no siempre se usara texto en ese fin ya que en realidad la mayoria usan logo y son jpg o png pero y eso no es lo lee google y perdemos usar nuestro nombre de marca entre la etiqueta h1 o la palabra clave que necesitamos posicionar.
que tanta importancia tiene el h1 en el seo?
h1
h1 es la etiqueta de encabezado como h2,h3,etc  pero la importancia de esta es que todas ellas tiene una gerarquia y h1 es la mas importante de ellas por eso en su algoritmo google considero de esa manera que el texto que esta dentro de h1 sera considerada la palabra principal de la pagina.

Realmente el problema va cuando se tiene como logo una imagen por lo ya comentado y para solucionar vamos a combinar imagen con texto pero ocultando el texto sin usar estas propiedades del css

  1. visibility
  2. display

que seria lo mas simple y facil pero para google texto que este con estas propiedades no las toma en cuenta asi que no piensen engañarlo que el omnipresente esta en todas!

revisemos un codigo para que sepan claramente de que hablo.

<h1 id="titulo_logo">
<span>nombre de la marca</span>
<img src="logo.jpg" alt="nombre de la marca">
</h1>


en h1 tiene un spa y img como ven estamos combinando pero vamos a ocultar el spa y solo tengamos la imagen, es un css simple que lograra ocultarlo sin caer en usar las propiedades que ya mencionamos.

 
h1 span {
    text-indent: -3333px;
    position: absolute;
}

espero que te ayude el articulo y si tienes dudas puedes escribirme.

Share on LinkedInShare on FacebookTweet about this on TwitterShare on Google+
Read more

Mejorar mi Rendimiento web

Share on LinkedInShare on FacebookTweet about this on TwitterShare on Google+

Hace años atroptimizacion de webas esto no era algo que se tenia en cuenta solo era suficiente en tener una web y ya!  pero se comenzo de hablar de analitica web y seo que hicieron que se tome en cuenta este factor al momento de pensar en tener una web por marketing o simplemente existir en internet.

He desarrollado web desde ya mas de 9 años y he visto como fue evolucionando la web desde aquellos tiempos donde  donde colocabas el diseño web no era nada lindo y ni pensar en la experiencia de usuario por ello se caian en muchos errores.

entre muchas otras cosas que era la web  antigua pero ahora  una web tiene mas requerimientos en que preocuparnos que suelen ser mas cosas tecnicas en la hora de desarrollar una paginas web pero son detalles que como cliente que contrata un servicio o como desarrollador debes tener en cuenta.
optimizar

  • imagenes optimizadas (bajar de peso a las imagenes)  creo que aqui no hay mucho que decir ya que  esto es simple solo se trata que todas las imagenes que tiene nuestra web es bajarle de peso (kilobyte). por que? cada imagen es una peticion a tu servidor para que lo muestre y lo mas seguro que no sea 1 ni 2 seran varias imagenes aqui ya es un tiempo de respuesta ahora sumale el peso de las imagenes cro que ya me entiendes entonces para optimizar el tiempo de respuesta tenemos que bajar de peso a las imagenes.
  • evita hacer tu pagina todo en 1 landing  y que trato de decir con esto? simple evitar hacer paginas donde todo el contenido (quienes somos, servicios, productos, nuestros clientes, contactenos, etc) esten metidos en 1 sola pagina que se puso como tendencia de diseño ya unos años atras y aun se sigue usando y visualmente es lindo pero eso no ayuda a posicionarte tu contenido bien ya que el señor google no entiende cuando todo esta metido en 1 sola pagina
  • tener un buen servidor (hosting) para poder brindar respuesta rapidas al usuario . Para ponertelo mas facil  y puedan entender se trata de optimizar la accion de que un usuario (un visitante a la pagina)  entre a tu sitio web y el hecho de entra ya se hace una peticion al servidor(hosting) para que muestre el contenido y mucho depende del mismo para el tiempo de respuesta que sera lo que el usuario visualice.
  • realizar pruebas de velocidad que puedes hacerlo desde tu chrome con su debug o en la herramienta de  Page Speed  nos ayuda y de hecho nos podra mostrar mas que la velocidad si no los puntos anteriores seran validados para tener una vision general como lo estamos haciendo.
  • cachear archivos y esto es para que cuando un usuario visite tu web las peticiones que tenga como imagenes , javascript, css , etc se guarden y no sea necesario para la proxima vez que visite nos volvamos a cargarlas y asi responde mas rapido.
  • evita peticiones http  inecesarias con esto quiero decir que tus html no tengas css , js e imagenes inecesarias que a lo mejor todo lo puedes tener en un archivo y de esta forma agilizamos el tiempo de carga de la pagina web.
  • tus archivos css y javascript deben estar minificar  de por si suelen ser livianos pero nunca esta demas poder bajar de peso a estos archivos y optimizar que esa es la idea.
  • no abuses de los plugins de js  existen muchos plugins que nos hacen facil el desarrollo pero usamos un plugins para unos simples efectos que lo podemos hacer nosotros mismos con solo unas lineas de codigos y esto va para los programadores.

estos consejos ayudaran a mejorar el rendimiento de tu pagina web (Mejorar mi Rendimiento web) y si deseas mas informacion o que veamos su caso puntual puede contactarme.

Share on LinkedInShare on FacebookTweet about this on TwitterShare on Google+
Read more

como mejorar mi SEO

Share on LinkedInShare on FacebookTweet about this on TwitterShare on Google+

posicionamiento en buscadores SEOEl motivo de tener una pagina web es difundir alguna idea, servicio, presencia de imagen en internet, etc. pero pongámonos a pensar como las usuarios llegaran a nuestra pagina web ya que no conoces nuestra dirección web osea www.dominio.com y pueda encima que tengas un dominio algo complejo que no ayuda mucho a memorizar. entonces existen buscadores por ejemplo google.com que es el buscador mas usado entre otros. entonces una solucion para que nos encuentre en toda la internet seria por este medio de buscadores pero como puedo aparecer? y lo mas importar como ocupar las primeras pagina ya que estadísticamente los usuarios normalmente buscan hasta la 4ta pagina de resultados asi que es importante estar entre las primeras paginas.

después de entrar en algo de contexto entremos con algunos sugerencias para poder ocupar las primeras paginas de los buscadores.

  • Google siempre piensa en los usuarios y por eso ayuda a posicionar si nuestra web tiene responsive desing
  • Google siempre piensa en los usuarios y por eso ayuda a posicionar si nuestra web no tarda en cargar debería ser rapida.
  • Usar librerias javascript  versiones comprimidas
  • Usar Css minificado 
  • Tener url amigables (ejemplo. MALO: dominio.com?id=3654 CORRECTO: dominio.com/nombre-servicio)
  • Usar los nombres en url se recomienda usar Google reconoce los guiones como separadores de palabras pero no interpreta del mismo modo los guiones bajos.  “-” y no “_”  (ejemplo. MALO dominio.com/nombre_servicio CORRECTO: dominio.com/nombre-servicio)
  • Tener robots.txt
  • Usar un titulo distinto por cada pagina <title></title>
  • Tener las metatag de descripcion que sirve esta etiqueta para describir nuestra web debe tener entre 70 a 160 letras incluyendo espacios
  • Tener jerarquizado las etiquetas de titulo, la etiqueta que indicar el titulo de toda la pagina es la <h1> entonces esta no se debe repetir y si sucede simplemente pierde relevancia de lo contrario con esta etiqueta las <h2> <h3> …. si pueden repetir para poner subtitulos.
  • Google ama html5 por que prefiere web semanticas ya que va a reconocer mejor la estructura de tu pagina web. (<header>,<nav><footer><asider>)
  • Tener imagenes optimizadas y todas con el atributo ALT ya que es claro que google sabe que contiene la imagen pero con el alt si.
  • Trata de no usar FLASH
  • Tener contenido autentico y que sea relacionado a tu pagina web es recomendable tene un blog.
  • Usar la estrategia de Linkbuilding  que  basicamente que otras web nos enlaces tener mas enlaces nos ayuda mas para nuestro SEO pero no es lo mismo tener por ejemplo 100 paginas que no tiene mucha relevacia que nos enlacen  a 1 que si tenga relevancia entonces 1 link puede valer mas que 100 esto depende de la relavacia que tenga este sitio web. como saber la relevacia de un sitio web? ver su pagerank
  • Palabras relevantes y claves como titulo o negrita
  •  Utiliza rel=”author” para Configura la autoría de tus artículos y muestra la imagen del autor en los buscadores.
  • Definir el tamaño width y heigh en las imágenes que esto sirve para que cuando el browser renderize no le tome tiempo en obtener esos datos hablamos de microsegundos pero igual entre varias imágenes y pensando que google prefiere las web que carguen rápido.
  • Tener una pagina 404 ya que los buscadores no quieren enlaces rotos
  • En el inicio de tu web deberías tener un texto no mayor de 200 caracteres describiendo la web.
Share on LinkedInShare on FacebookTweet about this on TwitterShare on Google+
Read more