7 cosas que debemos hacer luego de crear un blog

Este es un artículo como invitado de Joaquín Basci, blogger de Todo Blogger, sitio que trata sobre blogging, Adsense, posicionamiento en buscadores, y otros temas similares.

Recuerda que si quieres puedes escribir un artículo para Trazos Web y de paso promocionar tu sitio. Ve las condiciones aquí: Participa en Trazos Web.

Ya tengo mi blog listo… ¿Ahora qué puedo hacer? ¿Cómo puedo comenzar a recibir visitas? ¿Cómo puedo hacer que mi blog sea popular?

Al iniciar un nuevo blog, surgen varias interrogantes que a muchos bloggers les quedan sin responder, y esto dificulta la tarea de lograr que el blog se destaque y reciba un buen número de visitas. De hecho, muchos bloggers piensan que hacer un blog es una tarea muy sencilla, pero después descubren que resultaba más difícil de lo que parecía.

Tener un blog no es simplemente crearlo y subirle un par de artículos, hay un gran trabajo detrás de eso, y en esta entrada vamos a hablar precisamente de qué es lo que debe hacerse luego de creado nuestro blog.

1. Busca un buen diseño para tu blog

Es esencial para un blog tener un diseño creativo y original. Si nos quedamos con los típicos diseños para WordPress y Blogger que todos los usuarios utilizan, nuestro blog perderá esa magia que suelen tener los buenos sitios web. Un usuario al entrar a una bitácora, lo primero que ve es el diseño y la disposición de los contenidos, por lo tanto es muy recomendado buscar bien el diseño que utilizará tu blog.

2. Redacta artículos de calidad

Al iniciar un blog, los primeros artículos no suelen ser creados con mucha motivación. Las principales razones son que el sitio no recibe el número de visitas esperado, y que esos artículos no los verá prácticamente nadie. Realmente podemos situar eso como uno de los principales motivos por los cuales los nuevos blogs no siempre tienen buenos contenidos de calidad.

Para evitar esto, debemos tener la mente puesta en un objetivo, y pensar siempre en dar lo mejor de nosotros. Al crear contenidos de calidad, podemos obtener grandes beneficios. Primero que nada, cuando el blog se vuelve bastante popular, esos artículos serán leídos, y si su nivel es muy bajo, podemos perder lo que habíamos logrado. Además, un contenido con buena información y atractivo, puede invitar a otros bloggers a enlazarlo desde sus sitios, aumentando así la posibilidad de mejorar el tráfico y el posicionamiento web.

3. Socializa tu sitio

Las redes sociales se han convertido en una gran masa de usuarios interminable. Cada día millones de personas participan en redes sociales, así que si nuestro blog tiene cierta visibilidad en este tipo de sitios, podremos conseguir buen tráfico.

Dentro de nuestro blog podemos incrustar botones para permitirle a los futuros visitantes la posibilidad de compartir los contenidos en las redes sociales, y así estaríamos automatizando el trabajo de disponer de una buena estructura social.

No solo eso, sino que también podemos crear perfiles de nuestro blog en sitios como Twitter, Facebook, Google Plus, Pinterest, etc. Y si logramos un buen número de fans, atraer tráfico a nuestro sitio sería pan comido.

4. Crea un feed para tu blog

El feed RSS le permiten a los visitantes suscribirse a las actualizaciones del sitio, por lo tanto, es algo esencial brindar la posibilidad a nuestros usuarios de suscribirse al feed del blog. Además, de esta forma se puede llevar un conteo de los visitantes que tienen cierto interés por el sitio, al igual que los seguidores en las redes sociales.

5. Publicita tu blog en otros sitios

Hay muchas formas de obtener cierta “publicidad” para tu blog. Cuando recién se empieza con un sitio, es necesario ir realizando algunas técnicas de marketing para comenzar a difundirlo y recibir noticias.

Algunas técnicas que pueden ser efectivas son:

Dejar comentarios en sitios con temáticas similares a la de tu blog.
Participar en otros blogs como redactor invitado.
Enviar tu blog a directorios y sitios para compartir contenidos (marcadores sociales, directorios de artículos, etc).
Contactarse con otros bloggers para intercambiar enlaces.

6. Instala Google Analytics

Si necesitamos revisar las estadísticas de nuestro blog, conocer el número de visitas, o cualquier otro dato analítico, Google Analytics es la gran solución. Podremos tener acceso a una amplia variedad de estadísticas acerca de los visitantes de nuestro blog, y podremos analizar bien qué artículos reciben visitas, desde que palabras clave, etc.

Por eso, es muy importante tener implementado Google Analytics en nuestro blog, ya que de esta forma podremos saber en qué vamos bien, y cómo podemos seguir progresando.

7. Monetiza tu sitio

Si tu sitio logra alcanzar un buen número de visitas con el tiempo, podremos comenzar a monetizarlo para recibir un buen beneficio de él. Hay distintas alternativas para ganar dinero con un blog, entre las cuales destacamos Google Adsense, un sistema publicitario que nos permite agregar un banner de anuncios y se nos paga por los clicks que realizan los visitantes.

También hay muchos sistemas de afiliados y otros servicios similares a Adsense que pueden resultar muy efectivos, es sólo cuestión de probar bien cuál se adapta mejor a nuestro sitio.

Fuente: http://www.trazos-web.com/2012/04/10/7-cosas-que-debemos-hacer-luego-de-crear-un-blog/?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+TrazosWeb+%28Trazos+Web%29&utm_content=FaceBook

Las novedades de HTML5

HTML5 está llamada a ser el reemplazo del actual (X)HTML, una de las patas de la web desde su nacimiento. Precisamente en un momento en el que la web está lo suficientemente madura, este estándar aprende de los errores cometidos e intenta solucionar la mayoría de problemas con los que un desarrollador web se encuentra. Como muchas de sus novedades son interesantes y afectan directamente a la futura web, desde AnexoM te vamos a comentar en varios artículos los cambios más importantes, empezando por este artículo donde comentaremos los nuevos elementos.

Antes de seguir habría que aclarar que HTML5 sigue en borrador y lo seguirá estando durante algunos años más. El enfoque general ha cambiado bastante respecto a versiones anteriores de HTML, añadiendo semántica y accesibilidad implícitas, especificando cada detalle y borrando cualquier ambigüedad. También se tiene en cuenta que muchas páginas web actuales son dinámicas, pareciéndose más a aplicaciones que a documentos. Algo básico es que HTML5 está definido en base al DOM (la representación interna de una web con la que trabaja un navegador), dejando de lado la representación “real”, definiendo a la vez un estándar HTML y XHTML.

HTML 5. Mejor estructura

Hoy en día se abusa bastante del elemento div, que nos permite estructurar una web en bloques. En HTML5 hay varios elementos que sirven para estructurar mejor una página web, estableciendo qué es cada sección, y reemplazando en muchas ocasiones a div. Con este extra de semántica, será mucho más coherente y fácil de entender por otras personas. Y lo que es más importante, será trivial de entender para una máquina, dándole más importancia a unas secciones y pudiendo jugar con esos datos automáticamente. Concretamente, la tarea de un buscador será mucho más fácil, pero cualquier aplicación que “lea” páginas web se beneficiará. Estos son los elementos:

• section representa una sección “general” dentro de un documento o aplicación, como un capítulo de un libro. Puede contener subsecciones y si lo acompañamos de h1-h6 podemos estructurar mejor toda la página.
• article representa un contenido independiente en un documento, el caso más claro son las entradas de un blog o las noticias de un periódico online. Así, dentro de la portada podremos tener varios artículos demarcados semánticamente, por lo que una herramienta puede extraerlos fácilmente.
• aside representa un contenido que está muy poco relacionado con el resto de la página, como una barra lateral. Esencial para delimitar el contenido “importante” del contenido “de apoyo”, haciendo más caso al primero que al segundo.
• header representa la cabecera de una sección, y es de suponer que se le dé más importancia que al resto, sobre todo si la sección es un artículo.
• footer representa el pié de una sección, con información acerca de la página/sección que poco tiene que ver con el contenido de la página, como el autor, el copyright o el año.
• nav representa una sección dedicada a la navegación entre el sitio, como la típica barra superior de los periódicos.

En la anterior imagen vemos un ejemplo de cómo cambiaría un documento escrito en HTML normal a HTML5 con estos elementos.

HTML5. Mejores formularios

El elemento input ha sido ampliado y ahora permite todos estos tipos de datos:

• datetime, datetime-local, date, month, week, time, para que indicar una fecha/hora.
• number para que el usuario indique un número.
• range para indicar un rango entre dos números.
• email para indicar un correo electrónico.
• url para indicar una dirección web.
• search para indicar una búsqueda.
• color para indicar un color.

Lo más interesante de esto es que los navegadores podrán implementar interfaces específicas para cada tipo de dato, por ejemplo una fecha o un color se podrán indicar de manera directa e intuitiva. Otro ejemplo sería el teclado del iPhone, que muestra unos símbolos u otros dependiendo de si es un texto normal, un email (añade @ y el punto) o una url (añade la barra y el punto com), y que por tanto gana mucho con este estándar.

HTML 5. Otros elementos importantes

• audio y video sirven para incrustar un contenido multimedia de sonido o de vídeo, respectivamente. Sin duda uno de los añadidos más interesantes, ya que permite reproducir/controlar vídeos y audios sin necesidad de plugins como el de Flash. Se tratan de manera totalmente nativa como cualquier otro elemento, por ejemplo se pueden incluir enlaces o imágenes dentro de un vídeo. Aunque las implementaciones actuales son un tanto ineficientes, se espera que en un futuro próximo se optimicen. Portales de vídeo como Youtube o Dailymotion ya están empezando a mostrar que un futuro sin Flash es posible (¡y necesario!).
• embed sirve para contenido incrustado pero no nativo, sino ejecutado por plugins como el de Flash. Aunque embed está soportado por casi todos los navegadores desde hace tiempo, es ahora cuando entra parte del estándar y evita el infierno/pelea entre object y embed.
• canvas es un elemento complejo que permite generar gráficos, dibujando elementos dentro de él. Aunque nunca hayas oído hablar de él, seguro que lo has usado alguna vez, por ejemplo de Google Maps. Es un elemento muy potente que dará bastante que hablar en el futuro, y que será el culpable de aplicaciones web espectaculares.

HTML5. Más elementos

• dialog se plantea para escribir conversaciones, por ejemplo para transcripciones de chat.
• figure se plantea para asociar un contenido multimedia (una foto, un vídeo, etc) a un título o leyenda.
• mark representa un texto resaltado, por ejemplo para resaltar una búsqueda.
• meter representa una medida, como el número de KB. Tiene más sentido si lo unimos con…
• progress representa el estado de una tarea, y se puede usar por ejemplo al subir un documento o al realizar varias tareas pesadas. Esto permitirá barras de tareas personalizadas y potentes.
• time representa una fecha o una hora.
• command representa un comando que el usuario puede ejecutar en su navegador.
• output representa una salida de un programa, probablemente ejecutado directamente en el navegador, como una calculadora.
• datagrid representa datos de manera interactiva y permite trabajar dinámicamente con información y cambiar la página respecto a esa información. Será útil sobre todo si se quiere trabajar con aplicaciones que necesiten de bastantes datos a la vez en el lado del cliente.

Fuente: http://www.anexom.es/tecnologia/diseno-web/las-novedades-de-html5-i/

Curvas sin imagenes, con CSS y Javascript

Actualmente muchos diseños Web hacen uso de curvas para los menús, para los botones o para otros tipos de elementos. Algunas veces para optimizar nuestro sitio tenemos que dividir las imagenes curvas, con el fin de tener solo las imagenes básicas y el resto poderlo hacer con estilos CSS.

Sin embargo NiftyCornersCube nos puede evitar este trabajo y darnos una gran flexibilidad, pues no tendremos que depender de las imagenes si queremos cambiar el tamaño de algún boton o elemento. Nifty es una biblioteca javascript muy facil de usar, con la que podremos dar curva a elementos DIV de nuestro HTML, así unicamente con CSS y javascript, podremos tener un diseño con curvas muy ligero y flexible. Tiene ejemplos sencillos que mostrarán como implementar cajas y menús en nuestro proyecto.

Fuente: http://phpgo.blogspot.com/2007/11/curvas-dinamicas.html

Haciendo seguras las sessiones PHP.

Las sesiones de PHP son una herramienta muy usada en el desarrollo de web: permiten ‘recordar’ datos del usuario entre una visita y otra. Un ejemplo tipico es recordar que un usuario esta loggeado en un sitio, para que no tenga que ingresar su password nuevamente cuando vuelve a entrar.
Ivan R. describio en un documento como es posible tomar el control de sesiones abiertas por otros usuarios de maneras bastante sencillas (esto trae muchos problemas se seguridad, como podran imaginarse).
Aqui les propongo unas piezas de codigo que hacen mucho mas seguras las sesiones: al encriptar ciertos datos, se vuelve imposible que otros usuarios puedan espiar las sesiones de los usuarios y tambien impide que malvados hax0rs tomen el control de nuestras sesiones. Continue reading »

Pestañas en diseño web, cuándo y cómo usarlas.

¿Por qué se usan las pestañas en las páginas web?

Las pestañas fueron creadas para facilitar la localización de la información por los usuarios utilizando una metáfora, es decir, la imitación de un elemento de la realidad física.

En las páginas web intentan imitar las pestañas que sobresalen entre los separadores de un cajón archivador. Así permiten a los usuarios ver de un vistazo todas las secciones del sitio web y ayudarles a encontrar lo que buscan.

¿Cuándo y cómo se deben usar?

Las pestañas de la realidad física separan diferentes espacios que contienen diferentes documentos en un archivador. Varias copias de un mismo documento no está en varios espacios al mismo tiempo porque eso confundiría al quien busque allí. Tampoco existe interconexión directa entre varios espacios, es decir, si se esta en un espacio, no se pasa a otro a no ser que agarre otra pestaña. Continue reading »

Como hacer encuestas con PHP y MySQL.

Crear la base de datos

Vamos a crear encuestas para nuestro sitio web. Para ello crearemos dos sencillas tablas en MySQL, una para controlar las encuestas propiamente dichas y otra para las respuestas de cada encuesta.

Tabla de encuestas: Continue reading »

Cacheando tus scripts para maxima optimizacion.

Entre los inconvenientes de las aplicaciones dinámicas que hacen uso extensivo de una base de datos, destaca el incremento del uso de la memoria y CPU del sistema.

Cuando pedimos al servidor web que nos muestre una página estática, una página HTML normal, este nos devuelve su contenido tal cual. En cambio, cuando le pedimos que nos muestre un script de PHP, el servidor llama al motor de PHP el cual se encarga de interpretar el código del script y devolver el resultado de la ejecución de la misma. Obviamente, este segundo proceso de interpretación del código, es mucho más laborioso y por lo tanto consume más recursos del sistema. Continue reading »

Usando CSS en tablas.

Muchos gurus de los estándares hacen parecer el uso de tablas como cosa del demonio. Mientras que lo mejor es separar la estructura del contenido y utilizar CSS exclusivamente, para muchos diseñadores los layouts con tablas son una realidad y una necesidad práctica. Podemos aprovechar la versatilidad de CSS para nuestras páginas aun cuando usemos tablas.

Las hojas de estilo nos dan un control mucho más preciso sobre nuestras tablas y los elementos que contienen, y si utilizamos un archivo de CSS externo, nos permite hacer cambios a todo un sitio con solo alterar unas lineas, sin necesidad de cambiar cada página. En este tutorial reviso algunas de las aplicaciones más prácticas y comunes a un layout hecho con tablas. Continue reading »

Pseudo-elementos tipograficos (CSS).

Dentro de los pseudo-elementos tenemos los pseudo-elementos tipográficos, mediante los cuales podremos dar estilo a la primera letra o a la primera línea de un texto. Consiguiendo con ello efectos periodísticos.

Cuando vayamos a utilizar estos pseudo-elementos debemos de tener en cuenta que solamente son aplicables a elementos en bloque (como párrafos, capas,…) y no a elementos en línea. Continue reading »

La Accesibilidad en la web: Generalidades.

La Accesibilidad, definida como la facilidad con que las personas con algún grado de discapacidad pueden acceder a los contenidos de un sitio web, es un tema que los diseñadores y programadores para web deben tomar en cuenta en sus proyectos. Esto será posible únicamente a partir del reconocimiento del derecho de acceder a contenidos de las personas con capacidades especiales y del conocimiento de sus limitaciones y particulares modos de acceso a Internet.

¿Qué es Accesibilidad?

Continue reading »