Hoy os presento el código mediante el cual se pueden hacer triángulos únicamente mediante el uso de css. Decir que los triángulos serán rectángulos(como sabréis es cuando uno de los ángulos es de 90 grados).

.flechaizquierda {
border-color:transparent #000 transparent transparent;
border-style:solid;
border-width:10px 20px 10px 0;
width:0;
}

.flechaderecha {
border-color:transparent transparent transparent #000;
border-style:solid;
border-width:10px 10px 10px 20px;
width:0;
}

.flechatop {
border-color:transparent transparent #000000;
border-style:solid;
border-width:0 13px 13px;
width:0;
}

.flechabot {
border-color:#000000 transparent transparent;
border-style:solid;
border-width:13px 13px 0;
width:0;
}

A mi me surgen dudas XDDD. Aun así, es un video para ver y divertirse con él.

Una buena web ha de tener una serie de características:

Generales

• Cualquier página debe encontrarse a menos de tres clicks de distancia de la página principal.
• Hay que comprobar los enlaces rotos y eliminarlos.
• Hay que configurar las páginas de error 404, para que, en el hipotético caso de que el cliente se encuentre en ella, pueda este seguir navegando en la web.
• Hay que intentar usar enlaces cruzados entre los contenidos de nuestra web (referenciar artículos que hayamos hecho).
• Crear un SiteMap.

Tiempo de carga

• La web debe cargarse lo más rápido posible.
• Debe alojarse en un servidor rápido y cercano al usuario que consideremos “cliente” potencial (sería conveniente alojar nuestra web en un servidor en España en el caso de que los usuarios que quiero que entren en ella vivan en España).
• Deben de estar construidas con código lo más limpio posible y separando todo lo que se pueda la programación de la maquetación (hojas de estilo css).

Contenidos

• Enlazar a páginas web de calidad.
• Intentar evitar el uso del flash.
• Respetar la estructura correcta de las etiquetas (h1 es más importante que h2, y este que h3,…).
• Usar las palabras clave a posicionar, pero sin llegar a ser repetitivos.
• Ofrecer un buscador de contenidos.
• Ofrecer personalización de contenidos.
• Ofrecer contenidos en nuestra página de quienes somos, qué hacemos, dónde estamos, datos de contacto…

Para hablar de la promoción de un negocio en redes sociales es necesario hablar del PPI (Project Planning and Implementation), que es un documento que crearemos para guiar nuestras acciones en las promociones que realicemos. Para que nos entendamos es como crear un plan de negocio de una empresa, pero para una campaña de marketing.

Este documento constará de varias partes:

• Objetivos generales: ¿Qué queremos obtener con la promoción? Puede ser que nos conozcan más (y de esa forma conseguir más ventas), obtener feedback de los usuarios con respecto a un producto nuestro o mejorar el posicionamiento de nuestra web.
• Directrices: Debemos en este punto contestar la pregunta ¿a quien nos queremos dirigir? (puede ser a jóvenes de un rango de edad, puede ser a adultos, a …..). Es un punto muy importante, y gracias a las redes sociales podemos realmente enfocarnos únicamente a esos clientes potenciales a los que queremos llegar.
• Líneas de actuación: Podemos realizar Acciones permanentes o Campañas puntuales.
• Herramientas a utilizar: Puede ser Facebook, Tuenti, Menéame, Yahoo Answers, Twitter, Youtube,…. Además se pueden utilizar foros y blogs relacionados con nuestro producto.

Y, ¿cómo medimos que realmente alcanzamos nuestros objetivos? Mediante los KPI (Key Performance Indicators), que son:

• Reputación: Podemos tomar como referencia el Pagerank. ¿Ha aunmentado?¿se ha mantenido?
• Notoriedad: Se puede utilizar el ranking generado por Alexa.
• Posicionamiento orgánico: Definiendo palabras clave a posicionar o con las que queremos trabajar.
• Tráfico del site: Medición de los visitantes únicos de la web. Se puede usar Google Analytics.
• Tiempo de permanencia del usuario: ¿ha permanecido mucho tiempo el usuario? ¿nuestra tasa de rebote es demasiado alta?
• Fuentes de entrada: Los usuario ¿de donde provienen? ¿vienen de buscadores, de otras páginas amigas o ha tipeado directamente nuestra web?
• Conversión: ¿hemos conseguido nuestro objetivo final? Si queríamos que compraran nuestro producto ¿los visitantes lo han hecho? Si queríamos que introdujeran datos ¿lo han hecho?

El objetivo de todas aquellas personas que se dedican al marketing online es obtener el máximo retorno de inversión (Return Of Investment, ROI). Esta es una de las formas más fáciles, rápidas y económicas de medir el crecimiento de un negocio.

Aspectos importantes que debe de tener un email de marketing son los siguientes:

• Una longitud adecuada.
• Palabras efectivas para que el usuario lea el mensaje y para que éste no sea considerado SPAM (ni por el posible cliente ni por los servidores a través de los cuales viajará el mail)
• Saber cual es el momento adecuado para lanzar el mail (al mismo tiempo que una campaña de marketing, o porteriormente a una fecha,….).

Y ahora que hemos explicado lo que es el marketing email la pregunta es: ¿Qué es el marketing email 2.0? ¿Qué diferencias tiene con el marketing email a secas?

Básicamente es una extensión del marketing email. No sólo sigue los tres puntos que acabamos de exponer, sino que también lo combina con un contenido apropiado dándole un toque de personalización a sus usuarios. Esto puede ser conseguido de gracias a:

• Reenvío automático de mensajes: Automatizar el proceso de envío a una lista de contactos.
• Campaña multimedia: Puede ser enviar cartas acompañadas de mail, enviar regalos, o mensajes de voz para agradecer a los usuarios que hayan comprado tu producto,…
• Usar una database de clientes (CRM): Es mejor opción que la búsqueda manual de los datos de contacto…

Aparte de estos métodos, vamos a enumerar otra serie de puntos vitales para una campaña de marketing:

• Enviar el mail sólo al grupo al que le pueda interesar: Analizar los intereses de todo el público, y dependiendo de factores como el nombre, edad, el estado civil, el género,… etc enviarlo a unos o a otros.
• Estar en contacto con dicho grupo: Una vez convertido en referencia por un cliente, haz esfuerzoa para construir relaciones a largo plazo con ellos.
• Haz promociones de ecards, cupones descuentos, … etc a los clientes para que se sientan como que tienen un tratamiento especial.

Info sacada de esta página.

Hace tiempo leí este post, en el cual se da una idea aproximada de qué puestos clave son necesarios para dar a conocer a una empresa en la web o para crear una start-up. Resumiéndolo, son los siguientes:

• Programador, que será el encargado de desarrollar los productos que se quieren vender.
• Un conocedor SEO, para obtener un mayor número de visitas gracias a búsquedas.
• Blogger o redactor, que creará posts de calidad en el blog de la empresa. Para una empresa es bueno que sus empleados la posicionen como innovadora y puntera en lo que desarrolla.
• Community manager, que será el encargado de dar a conocer la empresa a través de twitter, de de Facebook,… de redes sociales

Realmente los cuatro son perfiles importantísimos dentro de una start-up, aunque otorgo mayor importancia a los dos primeros, quizás porque posteriormente se les puede pedir que también hagan las tareas de los dos últimos perfiles (y lo digo por experiencia propia).

El problema con el que me he encontrado hoy ha sido el de eliminar el título “Welcome to the Frontpage” que aparece en el joomla cuando lo instalas.
Simplemente tienes que:

• Entrar como administrador.
• Ir a menú->Mainmenu.
• Seleccionamos Home para editarlo.
• Menu Item Parameters(System).
• Modificamos Page Title (Welcome to the Frontpage).

La lección de hoy es la de introducir un icono en vuestra página para que en los navegadores se pueda ver justo al lado de la ruta. Quiero explicarlo para tres casos distintos: Para una pa´gina web normal, para una aplicación de cakePHP y para el blog Wordpress.

Icono en web Normal

En el primero de los casos hay que realizar los siguientes pasos:

• Subir un icono mediante ftp a tu servidor.
• En aquellas páginas que se quiera tener es necesario agregar la siguiente línea de código en el head de la página en la que queráis el iconito (cambiad favicon por el nombre de vuestro icono):

 <link href="/favicon.ico" rel="shortcut icon">

Icono en web creada en CakePHP

Para aquellos que estéis trabajando con cakePHP simplemente tenéis que renombrar vuestro icono llamándolo favicon.ico y sustituyéndolo por el que se encuentra en la carpeta webroot de vuestra aplicación (el icono inicial es el que representa a una tarta).

Icono en un blog Wordpress

Tenéis que:

• Subir  vuestro icono a la carpeta raíz de vuestra web
• Introducir en el header.php del theme que estéis utilizando (ese theme se encontrará en la carpeta wp-content/themes/tutheme) la línea de código siguiente:

 <link href="/favicon.ico" rel="shortcut icon"/>

Buscador de iconos

Y si no sabéis donde encontrar vuestro icono aquí os dejo una página bastante interesante, en la cuál se pueden hacer búsquedas de iconos, que posteriormente te dan la oportunidad de descargar en diferentes tamaños, tipos,…. Realmente muy útil. Es http://findicons.com/.

Nota Importante: Puede que no veáis en un primer momento el icono que habéis instalado. Esto puede deberse a los archivos temporales que ha almacenado el navegador que utilizáis. Borradlos y volved a probar (o esperad a que automáticamente se borren, cosa que puede tardar un montón de tiempo)

Hoy traigo en este post el link a emprendedorestv, una web con entrevistas acerca de empresarios afamados. A lo largo de los distintos videos podréis ver que no lo tuvieron nada fácil en sus comienzos.

Es muy recomendable para todos aquellos que estáis montando una empresa (yo incluido), ya que sube la moral ver como personas con casos de éxito (como los fundadores de Tous, el de Imaginarium, Custo, ….) tuvieron en sus comienzos problemas para comercializar sus productos, y como pese a todos ellos continuaron con su sueño.

Hoy hablaremos de uno de los problemas que más de cabeza tienen a los webmasters de las páginas web: el hotlinking

¿En qué consiste el hotlinking?
Hotlinking es copiar en tu blog o página web un enlace directo a una foto/vídeo de una web que no es nuestra.

¿Qué ventajas tiene hacer hotlinking para el que lo practica?

Si yo lo estuviera haciendo tendría varias ventajas fundamentales:

• El ancho de banda de la imagen corre a cuenta del usuario que la tiene la imagen alojada en su servidor, no en el mío.
• No es necesario alojar la imagen en mi servidor, con el consiguiente ahorro de espacio en el servidor.
• No infrinjo según las leyes estadounidenses ninguna ley de derechos de autor, ya que sólo estaría apuntando a otra página desde la mía (esta otra página sí que podría tener problemas con la justicia)

¿Qué otros nombres recibe el hotlinking?

Se llama también hotlinking, leeching, piggy-backing, direct linking, offsite image grabs.

¿Cómo se puede evitar?

Se puede evitar modificando el fichero .htaccess de nuestro sitio introduciendo el siguiente código.

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?miweb.com(/)?.*$ [NC]
RewriteRule .*\.(gif|jpg|jpeg|bmp|zip|rar|mp3)$ – [F,NC]