menu

domingo, 14 de septiembre de 2014

Usa Blogger como sitio web


Muchas veces te has preguntado como optimizar tu blog en blogger para hacerlo más visual y dinámico para tus lectores, y de entre las muchas herramientas, widgets y configuraciones que puedes implementar, creo que lo atractivo del primer paso es configurar tu página de inicio. No la que te ofrece blogger, donde se visualizan todos tus artículos en orden cronológico y casi siempre nos perdemos cuando son extensos o nos saturamos al ver tanta información en una sólo página...claro, podemos acceder al panel de archivo por mes y año a un artículo en particular. 
¿Que sucede si tenemos algunos artículos muy, muy interesantes, que no caducan y han logrado un excelente engagement pero se pierden cuando tienes muchas publicaciones y te gustaría mantenerlos a la vista?
Sería provechoso visualizar tu blog como un sitio web, con una página de inicio o index, y de ahí navegar por el resto de las páginas o entradas al blog. Esto es lo que haremos...sigue los pasos y voilá...tendrás configurado tu index.
Recuerda que debes tener registrada una cuenta Google, loguearte con esta en blogger y crear previamente tu blog
Para crear una cuenta en Google accede aquí.
Para acceder con tu cuenta Google a Blogger acceder aquí
Para crear un blog, selecciona la opción “Crear blog” y verás una pantalla como la que se muestra en la imagen


Ahora procedemos a configurar la página de inicio del blog en 5 pasos:

Paso 1: Crea una nueva página a la que llamaremos index, blog o el nombre que quieras asignarle seguido de la extensión .html como en el ejemplo:
index.html

Verás una pantalla como esta, agrega un nombre y texto de ejemplo. Selecciona la opción “Publicar” y tendrás creada la nueva página.


Paso 2: Configurar la página creada “index.html” como la nueva página de inicio. Accede a la opción “Diseño” en el panel lateral izquierdo del blog y luego en la pestaña “Páginas” (En mi caso, la página de inicio o index se llama blog.html, ver imagen de ejemplo)

Se abrirá una ventana como la mostrada a continuación, donde configuramos nuestra nueva página como página de inicio. Como verás, debes quitar la selección de la opción Página principal y seleccionas la opción index (en mi caso, selecioné “blog”). A la derecha (en “Orden de lista”), puedes mover las páginas hacia arriba o hacia abajo, arrastrando y soltando donde quieres que se ubiquen.

Paso 3:
Crear un vínculo a la URL de tu página. Selecciona la opción
+Agregar vínculo externo. Verás una imagen como la siguiente:
Escribimos un nombre para nuestra página (blog, en mi caso) y agregamos la URL a donde queremos que redireccione la página principal del blog cada vez que nuestros lectores ingresen. Esta será nuestra página de inicio. Guardamos el vínculo y los cambios realizados.

Paso 4: Redireccionar el enlace a nuestra nueva página de inicio. Para ello accedemos en el panel izquierdo a “Configuración → Preferencias de búsqueda→ Destino de redireccionamiento personalizado”  

Nos mostrará el siguiente recuadro donde procedemos a modificar los siguientes campos:

De: Agregar un “/”
Hacia: Escribir aquí la dirección donde se ubica la página creada, como les mencioné antes en mi caso coloqué “blog.html” pero puede ser “index.html” o el nombre que ustedes hayan elegido.

Activa la casilla “Permanente”, has clic en “Guardar” y “Guardar cambios”.


Nota: “/p” significa que las páginas se almacenan en una carpeta llama “p” que contiene todas las páginas del blog. De allí, que la dirección de la página se escriba “/p/blog.html” o “/p/index.html”.

Paso 5:
Agregar contenido. Ya tienes creada tu nueva página de inicio y puedes enlazar los contenidos como gustes. En esta prueba, agregué un menú desplegable, enlacé mis 3 últimos post y un acceso a mi cuenta de SoundCloud, pero puedes configurar esta página según tus contenidos, tema de blog e intereses. Así quedó mi página de inicio  
 

Espero pruebes esta opción que seguramente dará mayor visibilidad y usabilidad a tu blog. Puedes agregar cualquier vínculo aquí, con un poco de creatividad, algo de código de programación y contenidos de interés podrás administrar tu blog en blogger como un sitio web.

"Largo es el camino de la enseñanza por medio de teorías;
breve y eficaz por medio de ejemplos"
Séneca. Filósofo romano

No olvides dejar un comentario y compartir este minitutorial para contribuir con otras personas.

Saludos ;)

viernes, 12 de septiembre de 2014

Twitter Cards

Twitter Cards

Con Twitter Cards o las tarjetas de Twitter, puedes complementar tus tweets con contenido multimedia y mejorar la experiencia del usuario, incrementando el engagement de tus seguidores. 




Los Tipos de tarjetas construidas para la web de Twitter y los clientes móviles son:
  • Tarjeta de Resumen (o summary): Es el formato predeterminado, incluye: título, descripción, miniatura y cuenta atribución Twitter.
  • Tarjeta de Resumen con Ampliación de imagen: Similar a una tarjeta de resumen, pero con una imagen de un lugar destacado.
  • Tarjeta de la foto: Una tarjeta con sólo una foto.
  • Tarjeta de la galería: Una tarjeta que destaca una colección de 4 fotos.
  • Tarjeta App: Una tarjeta con los detalles de una aplicación móvil con descarga directa.
  • Card Player: Una tarjeta para proporcionar vídeo/audio/media.
  • Ficha de Producto: Una tarjeta optimizada para información del producto.


Este es un ejemplo del código que insertarás en tu sitio web para la tarjeta resumen o summary, se recomienda que lo realice un programador. 

       meta name="twitter:card" content="summary" />
       meta name="twitter:site"  content="@flickr" />
       meta name="twitter:title"  content="Small Island Developing States Photo Submission" />
       meta name="twitter:description"  content="View the album on Flickr." />
       meta name="twitter:image" content="https://farm6.staticflickr.com/5510/14338202952_93595258ff_z.jpg"        meta name="twitter:url" content="https://www.flickr.com/photos/unicphoto/sets/72157645001703785/" />


Además de mostrar el contenido de una manera más atractiva, las tarjetas también impulsan las descargas e incluso, puedes vincular directamente a las aplicaciones móviles. Como se muestra en la imagen




En caso de tarjetas de twitter (Twitter card) para aplicaciones móviles, se adicionan las etiquetas de pie de página, especificando el enlace de descarga a los usuarios que aún no tienen la aplicación en sus dispositivos. Funciona en iPhone, iPad y Android (Google Play). Puedes ver más detalles en Tarjetas para Mobile Desarrolladores.
En twitter card también puedes medir tu engagement, la plataforma Twitter Card Analytics revela cómo puedes mejorar las métricas claves: clics en URL, impresiones, intentos para instalar las apps y los retweets.


Puedes ver además, una comparación del rendimiento que ha tenido en tu web los distintos tipos de tarjetas de Twitter que hayas empleado.



Si quieres conocer el origen de las apps, sitios web y widgets usados en tus tweets más influyentes, accede aquí


Ahora... en 5 pasos solicita tu tarjeta para Twitter:
    En mi caso elegí tarjeta de resumen o summary. 
Copias el código que aparece en el ejemplo y lo insertas en tu blog, haciendo clic en la pestaña Plantilla →Editar Html, entre las etiquetas <head>... </head>. Sustituye sólo estos datos:
    twitter:card (El tipo de tarjeta a usar)
    twitter:title (Titulo de la página o blog)twitter:description (Descripción del contenido)
    twitter:image (Dirección URL a una imagen, debe estar online)
    twitter:site (Nombre de usuario en Twitter)
    En blogger se verá así:

    • Verifica tu URL con la herramienta de validación para ser aprobado.
    • Después de la aprobación, has clic en la URL y visualiza la tarjeta de Twitter.

    • Una vez aprobada, te llegará un email indicando que la solicitud de tarjeta fue validada. Puedes solicitar otras más adelante. 
    A partir de este momento, verás los cambios en las publicaciones compartidas en tu cuenta Twitter. Para el ejemplo de la tarjeta de resumen o summary queda así:


    Tips: 
    • Utiliza analytics Twitter Card para medir sus resultados. Has clic en la pestaña Analytics → Tarjetas de Twitter, para acceder a las métricas.
    • Si realizas cambios en la descripción, URL o imagen de la tarjeta, éstos sólo serán visualizados en Twitter cuando vuelvas a compartir los post (hice las respectivas pruebas)

    ________________________________________________________________________

    "Camina hacia el futuro, abriendo nuevas puertas y probando cosas nuevas, sé curioso... porque nuestra curiosidad siempre nos conduce por nuevos caminos".  Walt Disney
    ________________________________________________________________________

    Espero te animes a usar las tarjetas de Twitter y no olvides dejar un comentario por aquí. Gracias ;)

    sábado, 6 de septiembre de 2014

    No es necesario Windows en tu negocio

    No, no es necesario Windows en tu negocio



    Muchos profesionales, personas de negocio, gerentes y encargados de las áreas de informática y sistemas en empresas aún piensan que necesitan servidores Windows para cumplir con los objetivos y tareas organizacionales, de administración y seguridad de lo sistemas y usuarios. Esa idea fija sobre el fácil manejo, lo económico, seguro y la costumbre de usar... Leer más aquí.





    Nota: 
    Este post es una traducción y adaptación del post de @CarlaSchroder en www.linux.com. Las conclusiones son aportadas por la autora de este blog. Puedes acceder al post original en este enlace.

    jueves, 28 de agosto de 2014

    No necesito un Community Manager

    No necesito un Community Manager 

    Muchas veces leemos sobre “lo complicado” que puede ser la labor del Community Manager y así se lo hacemos saber a quiénes se apasionan por estar en las redes sociales sin una estrategia convincente, sólo por la aventura de ganar audiencia o ser el más cool de todos.
    En ocasiones pienso que ser Community Manager es...Leer más

    domingo, 3 de agosto de 2014

    Minitutorial sobre Usabilidad Web



    Ya les había comentado antes que tendríamos disponible en formato PDF mi primer minitutorial sobre Usabilidad  Web.  Puedes descargarlo y compartirlo si lo deseas.
    Colabora con tus comentarios y sugerencias para enriquecer los contenidos posteriores. 
    Lección 1: Arquitectura y Usabilidad Web.

    "La usabilidad es el atributo de calidad
    que mide lo fáciles que son de usar las interfaces Web"

    Jakob Nielsen 
    Post relacionado: Código HTML