Mejorar posicionamiento de web en wordpress

Si ya cuentas con una pagina web en wordpress pero las direcciones de tu web se muestran http://www.tusitioweb.com.mx/?page_id=15 esa direccion poco dice por si misma asi que se recomienda hacer lo siguiente:

Entra en el panel del control del blog

  • En Settings o Ajustes haz clic en PERMALINK
  • Cambia el DEFAULT por DAY and NAME o MONTH and NAME

De esta manera ahora tus links contienen alguna de las palabras claves que te interesan y que eventualmente traeran algun visitante interesado en tu prodcuto o servicio.

Es algo muy sencillo y que te tardaras un par de minutos y que ayudara a que se indexe mejor tu blog para ser encontrado mas facil. Obvio que esto no es lo único que hay que hacer pero les muestro un paso inicial que a veces ignoramos y que se soluciona muy rapido. Como muchos de ustedes ya saben hay que analizar tu propio sitio y los de la competencia para ver que estrategias tomar y como hacer nuestra estrategia de contenidos y links para ser indexados en los buscadores mejor, mas rapido y en mejor posicion que tu competencia.

mejorar el posicionamiento de tu blog con permalinks
Los permalinks configurados ayudan al poscionamiento de tu blog
.

HTML5 : Compatibilidad en navegadores

Mucho se habla del HTML5 y que de momento los navegadores no soportan todas las nuevas mejoras y funciones de este nuevo HTML que esta por venir. Sin embargo hay una herramienta que te permite ver cual de los navegadores que tienes en tu computadora es el que de momento acepta la mayor cantidad de elementos del HTML5. Les presento el HTML 5 test.

Graficas del desempeño de Firefox, Opera, Safari y Chrome con el nuevo HTML 5

Firefox es el navegador que utilizo regularmente aunque también utilizo otros como el Opera y Safari para ver si hay incosistencias al maquetar una pagina web, Chrome lo uso tambien pero en menor escala, hay algo que no me acaba de convencer de Chrome.

Se probaron 400 caracteristicas del HTML

El que mas alto quedo fue el Chrome y la tabla de resulado quedo de la siguiente manera:

  1. Google Chrome 9.0.597 con 282 de 400 puntos
  2. Opera 11.01 con 234 de 400 puntos
  3. Safari 5.0.3 228 de 400 puntos
  4. Firefox 3.6.14 con 155 puntos de 400 puntos

Pense que el Firefox iba a ser de los que mas puntos sacaran pero me lleve una sorpresa al ver que estaba en ultimo lugar. El Internet Explorer no lo probe por que uso mac y no lo tengo instalado. Habra que ver cuanto saca de puntuacion. De seguro sacaria una pesima puntuacion. Si desean ver la puntacion vean la pagina de resulados de html 5

Saludos a todos y gracias por su lectura.

.

Usar cualquier fuente en una web

Con el HTML 5 nuevas cosas salen y cuando la mayoria de los browsers acepten bien el CSS 2 y 3 se podran hacer muchas cosas en la web. Por lo pronto nos debemos de conformar lo que los navegadores permiten.

Usar cualquier fuente en la web ahora es posible pero aun no es muy práctico

Es posible usar algunos servicios que convierten las fuentes en codigo para que este sea cargado en un archivo JS, y de esta manera usar la fuente que deseamos. Aun asi esto conlleva a saturar un poco la pagina web al cargar el javascript correspondiente y la fuente seleccionada. Hay un par de alternativas en la web que te ayudan a convertir las fuentes en JS para usarlo de este modo:

TYPEFACE y CUFON son dos paginas donde podraas convertir la tipografia que desees y usar el javascript indicado para que esta pueda trabajar en tu sitio.

Pros y contras de usar cualquier fuente en la web

Entre los pros esta que el diseño puede parecer mas atractivo, el javascript permite que un navagedor reciente pueda visualizar las fuentes y uno no actualizado no las ve pero si ve el texto por default.

Los contras son obvios, el tiempo de descarga crece mucho, se requiere de navegadores de ultima generacion para verlo adecuadamente, hay algunos problemas en Internet Explorer (pero eso no es una sorpresa)

.

Zen Garden o las multiples posibilidades del CSS

Esta pagina la vi por primera vez hace como 15 años o más y desde entonces a la fecha no ha pasado a la moda. PORQUE?
Zen Garden presenta de manera muy sencilla como un mismo documento puede tomar diferentes diseños y layouts solo manipulando el CSS de manera adecuada y en la mayoria de los casos artistica.
css zen gardenm w3c, sdgestudio, paginas web en zapopan
.

Un buen lugar para inspirarse en sitios web

Bestwebgallery es una pagina que ya tiene varios años en el internet en la cual se muestran selecciones de diseño de paginas web de diversos estilos. Nos permite ver como los diseñadores de diveferentes partes del mundo comunican mediante paginas de estéticas que van de lo corporativo a lo contemporáneo o inlcuso lo onírico.

Como un buen consejo les recomiendo fijarse en lo siguiente al ver las paginas web seleccionadas:

  1. El uso de los colores
  2. El peso y aplicaciones de las tipografias
  3. El diseño del layout y el uso de columnas
  4. ¿Usan flash o javascript?
  5. Cantidad de informacion presentada

Todo esto son parametros que nos ayudan a identificar por que una pagina web nos parece atractiva y poder definir nuestro estilo propio al diseñar.

Visiten este sito que tiene muchos pero muchos diseño muy buenos y algunos tal vez un poco cargados pero de buen efecto visual.

bestwebgallery web designers in canada usa and mexico

Grupo Agua plantas purificadoras de agua te ofrece 500 pesos en tu compra
Publicidad: Grupo Agua plantas purificadoras de agua
.

Reglas para un mejor copy

El internet provee millones de sitios con mucha información, por lo tanto hay que hacer un copy que permita comunicar rápido y claramente ya que los usuarios se toman entre 3 y 7 segundos para decidir si la pagina les llama la atención.

Evita escribir coas sin fundamento

1.- Mantén los párrafos cortos

En lugar de hacer un párrafo muy grande y que intimide mejor desglosalo en párrafos pequeños y trata que cada uno tenga su encabezado o idea. De esta manera habrá manera que alguien de sólo leer los encabezados juzgar si le interesa.

2.- Justifica a la izquierda los párrafos

Como todo libro es mejor si justificas a la izquierda ya que es así como estamos acostumbrados a leer, justificar a la derecha o al centro cuerpos de texto grandes dificultan la lectura.

3.- Evita escribir contenido sin fundamento o sustancia

Llenar de anuncios, spam o imágenes que nada tengan que ver con el artículo estara evitando que el usuario se quede en tu sitio y que vuelva. Por el contrario, cerrará la ventana y buscara en otro sitio.

4.- Agradece y contesta los comentarios

Los comentarios son una medida que te muestra que las personas les interesó tu infromación. Si el comentario es en contra agradece la crítica y toma manos en el asunto para mejorar lo que detectes de esta manera. El internet está hecho para intereactuar.

Escribe un mejor texto o copy para tu sitio web

5.- Usa puntuación y signos raros lo menos posible

Lo ideal es casi no usarlos, mantén las ideas cortas y facilitarás la lectura y con ello las visitas.

6.- Usa imágenes que ayuden al artículo

El uso de imágnes adecuadas al contenido capta la atención ya que sin siquiera leer una línea el usuario puede quedar interesado en tu página.

7.- Incluye algún link de ejemplo

Es bueno si das algún link de muestra sobre lo que hablas para reforzar el mensaje o bien si quieres dar información adicional a quien al leer se interese.

Escribe lo mas sencillo, sin faltas de ortografia y con parrafos cortos

8.- Escribe lo más sencillo posible

Las audiencias de internet  no siempre tiene conocimientos técnicos o especializados así que habla de manera sencilla, si deseas vender algo procura que sea de manera sencilla y sin tecnicismos.

9.- Procura no tener faltas de ortografía

Sí tienes un diseño o anuncio para tu mercado no debe de tener ninguna falta de orotgrafía, la gente juzga y si ven faltas de ortografía pensarán que también te equivocarás al realizarles un trabajo.

to more than one animal or person. For instance, “They are ready for their prizes now.”

are to use capitalization rules for headlines and keep them as short as possible. Also, write every headline in an article the same way. For instance, in this article, I have begun each headline with an action word.

10.- Finalmente, si tu informacion salió de alguna fuente cítala

Este artículo fue basado y no copiado de uno encontrado en la siguiente página cuyos contenidos están en inglés. Hay que dar crédito al autor.

.

Lo que me piden para trabajar en Victoria, BC

Ugh!,  en unos lugares me piden ser un experto Drupal, en otros un experto Joomla, en otros un experto en DotNetNuke pero aqui me piden ser un experto wordpress, que por lo que he estado estudiando de todos estos seria el mas asertivo y sencillo de los CMS.

Si bien una web en wordpress tiene sus limitaciones es mucho mas rapida que si es en Drupal o en DotNetNuke por que trabaja mejor la base de datos. He notado por experiencia en trabajar con el DotNetNuke que a veces se pone muy lento, casi imposible de trabajar, no creo que las facilidades que da este CMS sean mayores para que sea soportable trabajar con un entorno lento que tambien repercute en los usuarios ya que un sitio en DNN se pone lento cunado hace sus actualizaciones y respaldos de la base de datos.

Pero bueno, por ahi me dijo un pajarito que si quiero trabajar para una empresa de diseño web en Victoria, BC tengo que saber muy bien hacer diseños wordpress al estilo de los siguientes sitios:

Asi que ya saben si quieren que les paguen a 40 CAD la hora pues ya saben en lo que deben ser expertos. Yo por lo pronto ya compre un tutorial de como hacer temas wordpress en Lynda.com WordPress 3: Creating and Editing Custom Themes

.

Lo que sucede en Facebook cada 20 minutos

He aqui una grafica de los millones de movimientos que suceden en facebook cada 20 minutos, es increible como esta red social ha tenido tanto exito y como hay millones de usuarios haciendo estupideces con ella, spam, etiquetando a gente para promocionar un producto, acosando ex parejas, etc… jajaja, pero bueno tambien hay los que hacen “buen” uso de facebook para estar en contacto con amigos y famliares que estan en el extrajero o en otras ciudades.
estadisiticas de facebook, analytics facebook, lo que sucede en facebook cada 20 minutos

.

Aprender CSS3

Ya se acerca mas y mas el dia que los navegadores acepten como estandar el HTML5 y el CSS3 por eso es el trabajo de todo diseñador web respetable empezar a trabajar en ver los nuevos modelos para trabajar en este modo. Como es imposible aprender todo de un solo golpe hay que empezar a ver que hay nuevo en el CSS3, dominarlo y luego hacer pruebas conalgo de HTML5 y asi de poco a poco ver que se puede hacer.

Yo he visto magos del CSS2 que hacen cosas tipo CSS3

Navegando encontre a unos britanicos que usaban multiples fondos de manera muy impactante y eficiente usando CSS2, desafortunadamente borre el link y ya no los encuentro como para ponerlos de referencia, sin mebargo con el CSS3 sera muy facil incorporar multiples fondos sin tener que recurrir a hacks y estar limitado a que solo en ciertos navegadores son visibles.

Ejemplo de multiples fondos con CSS3

#multipleBG {

border: 5px solid #cccccc;
background:url(img1) top left no-repeat, url(img2) bottom left no-repeat, url(img3) bottom right no-repeat;
padding: 15px 25px;
height: inherit;
width: 590px;

}

Les recomiendo este sitio para seguir aprendiendo cosas CSS3


http://www.css3.com/

.

Diferencias entre browsers al mostrar textos y CSS

Es obvio para un diseñador web que habra diferencias al mostrar una misma pagina en diferentes navegadores. Sin embargo hay veces que es dificil enseñarle eso a un cliente y es una buena practica mostrar de manera visual las diferencias. A continuacion pongo una imagen done se muestra como el texto tiene minimas pero notables diferencias que estan marcadas con un circulo rojo y marcadas con un cuadrado rojo se muestra como hay minimas pero notables diferencias en la altura de renglones.

Los navegadores en cuestion son: Firefox, Google Chrome, Opera y Safari.

html y css varia segun el browser
html y css varia segun el browser
.