Pon un favicon en tu vida

¿Sabéis lo que es un fichero favicon?

Mirad esta imagen de a continuación y contarme si veis el favicon, el que he puesto yo, pero no en mi vida sino en esta página!

Con esta imagen supongo que no veréis nada, pero lo estáis viéndolo ahora mismo, no?

El favicon es un fichero de imagen de tamaño muy pequeño que se pone dentro de una web. ¿Dónde? Pues al lado del título, en la casilla de la URL, al lado de ella. Es como una marca distintiva.

¿Quieres qué tu marca se distinga? Arrastra tu marca hasta el favicon!

Eso sí, debes tener en cuenta la limitación de tamaño. Y si, es pequeño, muy pequeño.

Pasos a seguir:

  1. Deberás dejar la imagen a un tamaño de 16 píxeles * 16 píxeles
  2. Grabarlo en un fichero cuyo nombre sea favicon.ico.
  3. Además de dejarlo en el raíz, por ejemplo de tu sitio web
  4. Por último, debes poner en un enlace al fichero favicon.ico para que lo coloque.
    <link rel=”Shortcut Icon” href=”/favicon.ico”>

Hay páginas que te ayudan a generarlos y te dan ideas para hacer algún favicon con las imágenes que más te gusten.

Este fichero puede ser también animado y que se mueva!! Esto también es chulo y llama mucho la atención.

Mirad una colección de favicons!! También puedes pintarlo tú con photoshop, por ejemplo.

Haz tu favicon y envíalo como un comentario!

PHP

Reconozco que, hoy, he tenido una sobredosis de PHP. He estado revisando unos cuantos desarrollos de páginas web y reconozco que al final, para una informática, acaba siendo un lenguaje más, que si Cobol, Java, C, Javascript,… Las cosas evolucionan y cada lenguaje se orienta a unas determinadas materias.

Cobol está orientado a aplicativos de gestión, C a nivel de sistemas, ya que se puede programar a muy bajo
nivel y PHP está indicado para entorno web, embebido dentro de código HTML o Tags.

PHP, al igual que el resto de lenguaje, también se desarrolla teniendo las típicas sentencias de if, while, switch. Y como tal, podemos disfrutar del típico programa que hacemos todos los informáticos al comienzo del aprendizaje de cualquier lenguaje. ¿Os acordáis? ¿Caéis cuál es?

Si aún no sabéis de que os hablo, os diré que hablaba del típico mensaje de «Hola mundo». El típico mensaje del que todos los informáticos hemos acabado cansados, pero al final es como se empieza.

PHP es un lenguaje de programación, open source y que se incorpora dentro de una página web, para conseguir una serie de funcionalidades que se ejecutan en la parte del servidor y que devuelven al navegador la traducción en formato HTML que es lo que entiende el navegador.

Podemos recuperar información de una base de datos, por ejemplo, Mysql, para descargarla dentro del código de un página web.

Con todo lo descrito a lo largo de este mes, podréis deducir que podemos sacar con una simple función de PHP. Para los que no caigáis, os diré que se puede obtener, por ejemplo, todos los post grabados dentro de una base de datos de un blog y poderlo visualizar. Esta misma web lo hace así.

Bueno, para que el comienzo no sea muy duro, expondré tal como decía al principio, el mensaje de «hola mundo».

Pero antes, comentaros como se escribe en este lenguaje. Todo debe ir entre unos tags del estilo:
«<?php» y «?>» Para poder visualizar un mensaje por pantalla tenemos la función echo, así que ya sólo nos queda poner todo dentro de los tags de HTML y podemos hacer nuestra primera página web saludando.

<HTML>
<HEAD>
<TITLE> Mi primera página </TITLE>
</HEAD>

<BODY>
<?php echo ‘Hola mundo’; ?>
</BODY>
</HTML>

Si ya habéis empezado con vuestra página web, lo podéis probar en vuestro servidor o sino, en vuestro localhost. Guardáis este trozo de código en un fichero con extensión .php y …ya me direis. ¿os funciona?

Palabras clave, Keywords

Como comentaba en el último post, si nos queremos posicionar con nuestra web, lo primero que tenemos que hacer es sopesar las palabras por las que queremos estar en las primeras posiciones.

Tareas importantes a realizar:

  1. Realizar una lista con las palabras que creemos importantes para nuestro negocio.
  2. Encargar esa misma lista el departamento de Marketing de la empresa.
  3. Obtener un listado de palabras a través de encuestas a clientes, personal de la empresa, personal relacionado con la empresa.

Normalmente estas listas se harán de forma subjetiva, pensando en lo que cada uno buscaría para encontrar la empresa, el producto, mis clientes o mis posibles clientes, los servicios que se ofrecen, que realizan mis clientes con mis productos… o revisando como sale la competencia y por qué términos salen en primeras posiciones.

Al final, obtendrás una lista bastante amplia con términos coincidentes. La lista podrá llegar a 30 términos, teniendo que hacer un esfuerzo por recortárlos a los más populares, y dejarlos en unos 15 términos.

También podrás hacerte un croquis con las palabras obtenidas de como estaríamos en relación con la competencia y qué palabra es más buscada, en internet, y en la localidad que quieres aparecer, a través de herramientas del estilo de Google Trends. Estas herramientas tienen la cualidad de darle la comparativa de palabras, y el número de búsquedas que se han realizado en distintos países. Estas comparativas y sus números, son objetivos y no subjetivos como lo eran todas las listas que hayamos confeccionado.
Además, puedes querer poner un anuncio de tu web a través de los buscadores y por tanto, son ellos los primeros interesados en aconsejarte palabras claves por las que se busca.

Una vez montada la web, hay que tener en cuenta el listado de términos por los que la gente encuentra mi web y accede y el tiempo que pasa en ella. Esto es importante para incluir esta palabra como tal para la búsqueda. También sería importante poder estudiar que buscan tus clientes dentro de la web.

Hay que tener en cuenta que lo más importante de la búsqueda de palabras clave es el poder explotarlas luego en el contenido de la web.

Posicionamiento en los buscadores, SEO

Bajo mi punto de vista, cuando nos planteamos la realización de una web, una tienda online, blog,…nos tenemos que preguntar una cosa fundamental que es ¿queremos que se nos vea? ¿con qué términos queremos que se nos vea?

Partiendo de estas preguntas, se abre un mundo inmenso de conocimiento sobre el tema de posicionamiento en los buscadores o SEO, como llaman muchos directamente. Las siglas SEO, Search Engine Optimization, nos hablan de Optimización para los motores de búsqueda como Google, Bing, Yahoo,…

No podemos pretender salir los primeros en estos buscadores pongamos la palabra que pongamos, sino que tiene que ir acorde con lo que ofrecemos.

Esto es fundamental por 2 motivos:

  1. Queremos que la gente que busca temas relacionados con nuestros negocios nos encuentre ya que puede estar interesado en nuestros servicios.
  2. No queremos ser localizados por un negocio distinto al que hacemos ya que al final esas personas no seguirán en la página porque no localizan lo que realmente estaban buscando.

Este último punto aunque, creo, que totalmente comprensible, muchas personas se plantean que quieren estar ahí, en las primeras posiciones por cualquier tipo de palabra y no sé dan cuenta que si un usuario busca algo en la red por una palabra es porque quiere conocer, comprar, compartir información relativa a ese término y no quieren ser ninguneados. Además, los buscadores pueden acabar penalizando este tipo de política.

Partiendo de esta base fundamental, la primera tarea, entonces, es pensar en las palabras por las que quiero ser visto. Para ello tenemos que tener claro que cada día es más habitual que el usuario concrete más lo que busca. Es decir, el usuario busca con mayor frecuencia «mesas de madera maciza» frente a «mesas». Y se han preguntado por un casual, por qué? porque intenta localizar con mayor precisión lo que está buscando.

Es importante, no sólo, crear una lista de términos, sino dejarse asesorar por términos catalogados por el departamento de marketing, por preguntas/encuentas realizadas a personas relacionadas con la web y por términos populares. Con todas estas opciones deberíamos conseguir una lista mucho más optimizada para poder poner a su empresa, su web en los primeros lugares de las búsqueda.

Ahora, piense en la importancia de estos términos para usted y en la importancia de que salga en la primera página de las búsqueda, más concretamente en las primeras 5 posiciones.

Credibilidad en la red

Hay muchos temas que tratar a la hora de salir a Internet, dependiendo de cual sea nuestra idea. Temas que iré tratando a lo largo de los días, entre los que pueden destacar diseño, posicionamiento, accesibilidad,..

Hablaré en esta ocasión de salir con una tienda, la venta de productos y como debemos mostrar al usuario la credibilidad necesaria para que se sienta seguro al realizar una serie de operaciones.

Esto, comparativamente con la vida, lo puedo comparar con la sensación que se lleva uno cuando va a comprar algo a una tienda y antes de ir, por ejemplo llama para contactar. Imaginemos, el caso tan sencillo como que nunca cogen el teléfono para darnos más detalle sobre la localización de su tienda, con lo que no puedo pasarme a ver más artículos. Imaginemos que cuando vas, siempre encuentras la puerta cerrada con un cartel que dice «En 5 minutos volvemos» y nunca los ves llegar. O si llegas, y habiendo gente, jamás los dependientes te saben hablar del producto que quieres, no te saben recomendar o tienen que sacar mil catálogos para buscar el precio porque no se acuerdan. ¿qué sensación te llevas tú? Creo que estaréis de acuerdo si digo que muy buena, no, verdad?

En cuanto al entorno web ocurren siempre semejanzas. En este caso, imaginemos que quiero comprar un artículo y que al darle al botón, nunca me coloca el producto en el carro o cualquier otro tipo de problema y queremos ponernos en contacto porque nos interesa el producto y por más que miramos, por todo el entramado de la red, scroll para arriba, scroll para abajo, venga navegar y no encontramos un miserable botón, menú o lo que sea que nos anuncie con quién podemos hablar, llamar o enviar un mail. ¿no os crearía una desazón total y al final, lo más probable es que desistas de seguir buscando y acabes buscando el producto en otra web?

Esto es un tema importante a la hora de hacer una web de este estilo donde el cliente puede tener la necesidad de querer ponerse en contacto contigo por cualquier motivo. Pero tampoco hay que descuidar que no sólo hay que poner un acceso a un contacto del estilo que sea, sino que también hay que estar ahí.

Es decir,

  1. no es recomendable poner un mail que jamás vamos a atender. !Se nos irán a la competencia!
  2. no es recomendable poner un teléfono que jamás cogeremos o que dará comunicando. !desistirán!
  3. no es recomendable poner un enlace de contacto que está roto. Te dará muy mala imagen!

En estos entornos los usuarios suelen ser bastante infieles, ya que no te conocen y sólo buscan algo que lo pueden tener en más de una web.

Haz que tu web sea creíble, y ganarás un punto de tantos en la meta para llegar a un usuario, pero no menos importante que muchos otros.

Sitemap

Para aquellos que han oido hablar del Sitemap pero a estas alturas no han averiguado sus utilidades, resumiré en unas líneas, lo que es y para que se coloca en una web.
Mapa del sitio web o Sitemap, como lo suelen llamar, es un fichero .xml o .html, que habitualmente nos da una idea de lo que hay en la web donde se coloca.

Hay múltiples aplicaciones que ayudan a generar este fichero de forma automática dándole como parámetro la web sobre el que lo queremos generar.

Este fichero para que sea efectivo se debe colocar en el raíz del sitio web y se debe llamar sitemap con las extensiones posibles. Si intentamos leer este fichero, veremos que es como un árbol con la estructura de nuestra web. Lo distribuye desde el nivel más alto, el del menú, submenú, …hasta la página.

Debemos pensar cuando generarlo porque en este fichero se va a guardar toda la estructura y es importante que esté actualizado. Es decir, si ponemos una página más y además, darle mayor importancia que otras de su mismo nivel, debemos generarlo de nuevo para que se pueda tener en cuenta. Y…qué quiero decir con tenerlo en cuenta? Este fichero ayuda a los robots y es accesible por estos para que tengan en cuenta la importancia de cada página.

En este fichero, podemos indicarle qué importancia debe tener cada menú, cada página,…y cada cuánto tiempo tienen que revisar los robots de búsqueda. Con esta tarea facilitamos la labor a los robots y a la vez, podemos estructurar las páginas según lo que queramos, en cuanto a importancia.

El otro día os comenté la cantidad de software open-source que hay para realizar este tipo de tareas de realizar una web, cada una con sus ventajas. En este sentido, lo importante de la labor del sitemap es que si damos de alta productos nuevos, sean visitados con la periodicidad que queremos por los robots, para ello hay que localizar un módulo de estas herramientas que nos hacen esta labor de forma automática cuando damos de alta un producto, un nuevo post, o simplemente un nuevo enlace a una página de Contacto.

Os paso un trozo de mi sitemap para que veáis como se estructura:

  1. URL
  2. Fecha de creación
  3. Frecuencia de cambio
  4. Nivel de importancia

<url>
<loc>http://www.patriciaseuba.es/</loc>
<lastmod>2010-10-18T19:07:09+00:00</lastmod>
<changefreq>daily</changefreq>
<priority>0.7</priority>
</url>

Zonas de calor de una página

Cuando ayer hablaba de las distintas temperaturas de una página web, me refería a dos aspectos importantes:

  1. En cuanto a la publicidad, y como ejemplo puse el esquema de las zonas por Google
  2. En cuanto a las zonas de nuestra página web

Si nos referimos a la primera opción, Google diseña un estilo de anuncios para poner en las webs, con unas determinadas características:

  1. Anuncios para contenido
  2. Anuncios para búsqueda
  3. Anuncios para sindicación
  4. Anuncios para dominios
  5. Anuncios para contenidos para móviles

Todos estos tipos ya os los explicaré en otro momento, pero lo que quiero que veáis es que este tipo de anuncios que os aparecen muchas veces en las páginas que visitáis, se pueden colocar en múltiples sitios, por ejemplo:

  1. En la barra lateral derecha
  2. Debajo de un post
  3. En la cabecera
  4. En el pie de la página
  5. …..

y según esta colocación, Google lo considera más efectivo o no. Cuanto más efectiva es la publicidad en una zona, contemplan esa zona más caliente. De ahí los colores que os explicaba. Por tanto, y si quieres poner publicidad en tu página web, Google te da un mecanismo para hacerlo y te da una serie de consejos para que pueda ser más efectiva o no. Lógicamente y si tienes un negocio, tienes que ver quien es tu competencia y según cuál poderla filtrar para que no salgan sus anuncios en tu página web, o … a lo mejor te interesa que salga porque sabes que el valor añadido que da tu empresa supera lo que la competencia quiera dar. En este mundo, todo hay que tenerlo en cuenta.

Ahora hablemos de zonas calientes de una web cualquiera, del punto 2 que hablábamos al principio. En este sentido, aclarar que existen programas que te ayudan a evaluar tu web. Imagenimos el caso de una web donde queremos saber que es lo que interesa más de la página principal, la home. Estos programas te obtienen un gráfico de colores, donde te expone qué zonas son las más visitadas, donde más hacen click. Esta información te ayuda a saber los intereses, incluso inquietudes de tus visitantes y con esa información tener un mapa de colores de tu web. Las zonas más rojas, serán las zonas con mayor número de visitas.
¿Por qué es importante, también saber tus zonas calientes? porque en muchos de los casos, aunque pienses que estás haciendo la web lo más óptima posible para los buscadores y pienses además que lo estás montando de la mejor manera para ser manejado por el usuario objetivo, puede que el usuario no haga lo que relamente piensas. El usuario es siempre impredecible y estas herramientas van a estar para confirmarte esto que digo.

A continuación muestro el tipo de resultados que te saldría de una herramienta de este estilo.

Subdominio y zonas de calor de una página

Tal y como os contaba en el post de dominios y subdominios, iba a montar un subdominio para enseñaros lo que se puede hacer y mostraros otro tipo de web.

Lo tuve activo a las pocas horas, pero he pasado un buen tiempo intentando ver que os podía enseñar y al final, pensé en ideas que ya estoy viendo como necesidad de muchas empresas y es la visualización de todos sus productos pero sin llegar a que se pueda comprar, sino un simple escaparate.

Para ello me di de alta un subdominio que si seguramente accedéis en días distintos, tendrá cada día un aspecto o diferentes ideas expuestas. Este subdominio es webtest.patriciaseuba.es. Pódeis entrar y ver la idea!! Logicamente es mejorable en todos los aspectos pero os da una idea de todos los productos expuestos de una tienda por ejemplo, incluso con su precio, y características si queremos. En esta ocasión he hecho referencia a dos webs dependiendo del tipo de producto elegido y puedes comprar en ellas. He puesto fotos muy variopintas. Incluso aparece Brad Pitt, pero creo que este no está a la venta, no?

Bueno, no hay mucho realizado en este subdominio porque he estado montando otro mientras para realizar la web de un distribuidor en un futuro próximo.

A través de la siguiente imagen de Google, os voy a contar un tema importante a la hora de diseñar una web y son el conocer las distintas zonas dentro de la web. Las más importantes, las zonas calientes.

 

El mapa de la web se suele distribuir en colores. Este es el mapa de colores distribuido por Google a la hora de poner anuncios, dentro de tu web.

Este mapa nos indica como ya sabemos, creo yo, que la parte más caliente de la web, la zona roja, suele ser donde la mayoría pone el texto relevante, sus entradas o lo que realmente quiere que resalte.

Las zonas tirando a caliente, suelen ser la cabecera y el lado izquierdo y las zonas tirando a frio, el inicio de la página y el lateral derecho, como muestra en la imagen con colores amarillos y las zonas frias son las blancas.

No olvidemos que este mapa de color representa la información importnte frente a la publicación de un anuncio en alguna web pero en este caso también hay que tener en cuenta que lo que se anuncie tenga relación con la página que se está visitando, ya que sino disminuye la credibilidad de la página.

Si uno quiere saber si su página tiene zonas calientes y cuales son, falta con comenzar a utilizar herramientas que localizan estas zonas dentro de tu web, localizan los clicks, páginas más visitadas, ficheros más descargados, incluso el movmiento de un visitante.

Para conocer a nuestros visitantes, hay que combinar las analíticas típicas que nos da Google con estos mapas.

Redes sociales

 

Redes sociales, para los profanos, contaré que hay una variedad muy amplia. Entre las más destacadas son aquellas redes sociales en los que prima la amistad, o la red laboral. Son redes en las que pones tu perfil y distribuyes información sobre ti a distintos niveles (fotos, comentarios, gustos, perfil laboral,..) Entre las redes sociales que nos podemos encontrar están:

  1. Facebook,
  2. twitter,
  3. digg,
  4. google,
  5. ….

Entre las redes laborales o de contacto:

  1. Linkedin
  2. Xing

Supongo que muchos de vosotros estáis metidos en alguna de las redes sociales y habéis llegado a ver un montón de grupos, páginas o información sobre gente que distribuye sus gustos.

Ahora podéis recordar lo que os conté sobre el tema de la distribución de las páginas de google? Donde se coloca la información de aquellas páginas que se colocan por unas determinadas búsquedas y los enlaces patrocinados. Os contaré que Facebook, aún y no siendo un buscador, funciona un poco por el estilo, en el centro tiene información sobre tu perfil y el de tus amigos, y en la columna de la derecha, enlaces patrocinados, empresas que pagan por poner sus anuncios ahí. ¿os habéis dado cuenta que, a veces, entras en Facebook, y durante un mes, está saliendo el mismo anuncio en la misma posición? Facebook tiene la posibilidad de orientar según la edad, gustos, páginas a las que pertenece,…Es por eso que nos salen los anuncios durante un tiempo.

Y ahora una cosa curiosa! Os habéis dado cuenta que en la mayoría de estas páginas se distribuyen los enlaces patrocinados, las campañas de publicidad entre la cabecera y la barra lateral derecha? Son dos zonas dentro de una página web con mayor probabilidad de que la gente se fije, lógicamente además del centro que es donde mayor información deberíamos poner.

Es un tema semejante a la colocación de la mercancia en las grandes superficies, según donde se coloca, tiene mayor probabilidad de ser comprada por los clientes por el único motivo de la probabilidad de fijarse.

Hoy, me ha tocado promocionar una tienda on-line en facebook, a través de un concurso y es otra de las tareas divertidas cuando ves que la gente responde a tu propuesta. Puedes promocionar algún, además, como os decía, a través de una campaña y poniendo acceso a la web donde se encuentra el producto. Es importante dar al que pincha, al que hace click en la promoción, lo que están deseando ver y no apuntarlo a la home y hacerle perder el tiempo al cliente.

No os pasa a vosotros que estáis buscando algo en google y pincháis en algo que parece que habla del tema que buscáis y que cuando pincháis, no habla en ningún momento del tela. ¿no os sentís que os han tomado el pelo y os acabáis saliendo de la página?

Por eso, es importante, darle al cliente lo que está buscando!!

Dominio y subdominio

Dominio y subdominio. ¿Qué fue antes la gallina o el huevo?

En este caso está muy claro, el dominio. Ya hablamos de ellos hace unos post, de lo que era un dominio. Para los profanos en el tema les contaré que es el nombre que ponen en la URL del navegador, incluida la extensión (.es, .com,.net,.org,…).

En el caso de esta web, el dominio es patriciaseuba.es.

Si quisiéramos hacer un subdominio dentro del domino ya que el dominio principal lo queremos para trabajo final y el subdominio para pruebas o para tener subempresas dentro de la empresa general, tendríamos que definir un nombre.

Este subdominio vendría definido delante del nombre principal del domino. En nuestro caso, delante de patriciaseuba.es iría el supuesto nombre de subdominio que espero enseñaros pronto, ya que he preparado uno. Esto nos puede servir a los informáticos para tener pruebas del mismo entorno y no machacar el entorno que tenemos en producción. A mí, en líneas generales, siempre me ha gustado tener 3 entornos, desarrollo , pre-producción y producción, que consisten como bien sabemos los informáticos:

  1. Entorno de desarrollo para guarrear hasta ver los resultados deseados.
  2. Entorno pre-producción, entorno donde se pasan los programas probados en desarrollo y está vez con un juego de datos de producción y las pruebas las debe realizar el cliente y si da el OK y sólo si da el OK, entonces vamos al siguiente entorno.
  3. Entorno de producción donde pasaremos los programas que ya han pasado por todas las pruebas necesarias en los dos entornos anterioes y donde todos los clientes pueden ver y tener ya con todos los datos reales y donde no deben haber fallos, en la medida de lo posible.

Volviendo al tema de los dominios, os contaré que el alta de un subdominio no es excesivamente costoso de tiempo dedicado en hacerlo pero si puede que tarde un tiempo en ser efectivo, así que no os podré enseñar el mío hasta mañana, espero.

A partir de tener creado un subdominio puedes pensar en crear otra web, como os comentaba o tenerlo como entorno de pruebas, logicamente con datos distintos, en una base de datos distinta. Tal y como comentaba en mis primeros post, cuando se contrata un dominio y su hosting (lugar donde se almacena toda la información de la web), te dan acceso a un panel de control, según la empresa con mayor acceso o menor que te permite generar la base de datos, cuentas de correo, acceso a disco y un % en transferencia de ficheros por ejemplos imágenes. Tener en cuenta estos parámetros cuando contratéis porque en muchas ocasiones se intenta hacer una web con una capacidad mínima y a la hora de ampliar es un pequeño problema.

Otra forma de realizar el subdominio es creándolo como una página dentro de la misma url, es decir podríamos crear la página web_corporativa dentro de patriciaseuba.es y quedaría www.patriciaseuba.es/webcorporativa, pero a la hora de trasladar la información de una web a otra o sólo la principal, sería difícil tal separación con el posible error y mal funcionamiento en el destino. No digo que no se pueda hacer pero es más follón para un futuro.

Espero poder mostrar en breve 4 ideas más de esto para empezar ya a saco con ideas más divertidas, si cabe.