slide1

Alt1040. Noticias acerca de Internet, diseño, música, cine, opiniones, weblogs y medios

Es uno de los weblogs de tecnología más seguidos de la blogosfera hispana.

slide2

Bitelia. Blog de software, internet y servicios web

Software y aplicaciones para mejorar tu vida, guías de uso, trucos, listas, noticias y todo sobre tecnología.

slide3

Xataka. Publicación de noticias sobre gadgets y tecnología.

Últimas tecnologías en electrónica de consumo y novedades tecnológicas en móviles, tablets, informática, etc.

slide4

Wwwhatsnew. Aplicaciones, marketing y noticias en la web.

Servicios que os pueden ser útiles para dibujar, gestionar tareas, hacer amigos, encontrar restaurantes...

slide5

Fayerwayer. Discusiones y opiniones de lo ultimo en tecnología y gadgets

Con secciones dedicadas a Internet, Software o Redes Sociales es un referente a nivel de tecnología en español.

22 de diciembre de 2014

Email Marketing como estrategia en la fidelización de clientes

Para entrar en contexto, explicaremos brevemente el concepto de Marketing Digital: "empleo de estrategias de incentivación a la venta y comercialización haciendo uso de los medios digitales, a través de herramientas para alcanzar los objetivos marcados (conversión) y estableciendo indicadores para medir todos los procesos (analítica). Fuente Wikipedia

Bajo esta perspectiva, es importante distinguir entre medios online (medios digitales) y medios offline (o tambien llamados medios tradicionales) como la televisión, la radio, la prensa, o los mupis (soportes publicitarios ubicados en las calles más concurridas de las ciudades), entre otros.

El Marketing Digital engloba las áreas de comunicación, relaciones públicas, publicidad y venta.

Herramientas imprescindibles de Marketing Digital

  • Email Markerting.
  • Posicionamiento en buscadores (SEO, SEM) y optimización web.
  • Redes Sociales y comunidades (Social Media).
  • Mobile Marketing.
  • Aplicaciones Móviles.
  • Venta por internet (Ecommerce).
El Marketing Digital en la actividad empresarial

Todo proyecto empresarial que tenga definidos unos objetivos digitales, debe tener elaborado un plan de Marketing Digital.
Dentro de una comunicación 2.0 las empresas tienen que estar presentes en los canales de comunicación de sus clientes, generando interacción y dispuestas a dar un servicio de atención al cliente.
En este sentido, tienen que preguntarse si cuidan su presencia online y si dicha imagen se encuentra en todos los canales de Marketing Digital donde están sus clientes.
Además las pymes tienen que comprender la importancia del email marketing y su relevancia en la fidelización de clientes.

La eficacia del Email Marketing como herramienta de conversión

El Email Marketing es la técnica utilizada por las marcas para llegar a su público objetivo a través del correo electrónico. Esta herramienta de marketing incluye mailing y newsletters y fundamentalmente estrategias que avalen las acciones realizadas.

Últimamente se ha puesto en duda la efectividad del Email Marketing con la presencia de las redes sociales, sin embargo datos actuales demuestran que es el canal más efectivo de comunicación y generación de resultados en Marketing Digital.
Se ha consolidado como la herramienta más eficaz de comunicación segura en línea, tanto por la continua actualización de datos como la amplia capacidad de segmentación y la rápida ejecución y consecución de resultados.

La asociación española de empresas de publicidad en medios digitales, IAB Spain, en colaboración con The Cocktail Analysis han puesto a nuestra disposición los datos resultantes de su IV estudio anual sobre Mobile Marketing [ pdf ] (septiembre de 2014).

En su análisis, cabe destacar el aumento del uso de smartphones o teléfonos inteligentes que alcanza el 57% de la población española.
Los usos predominantes son la mensajería instantánea (77%), le sigue el correo electrónico (70%) y por último las redes sociales (63%).
Según estos datos, el porcentaje de penetración del correo electrónico en España ofrece muy buenos resultados.

El correo electrónico es una herramienta imprescindible y muy eficaz para difundir contenido de calidad porque permite crear una relación personalizada y directa con nuestros clientes, afiliados o suscriptores.

Para alcanzar los altos retornos de inversión que nos proporciona el email como herramienta, se deben llevar a cabo acciones específicas y planificadas.
Podríamos definir los siguientes objetivos:

  • Creación de un nuevo canal para fidelizar al público.
  • Creación de un nuevo canal para vender al público.
  • Aumentar las ventas a través del newsletter (boletín informativo o publicación distribuida de forma regular).
  • Aumentar la cantidad de suscriptores.
  • Y un largo etcétera.
Del mismo modo, deberíamos definir nuestras estrategias:

  • Ofertas exclusivas para suscriptores.
  • Elaboración de vídeos o tutoriales de los productos.
  • Concursos y sorteos.
  • Envío de pruebas del producto.
  • ...
Los contenidos para la puesta en práctica de estas estrategias podrían ser:

  • Ofertas.
  • Videos
  • Fotos
  • Noticias.
  • Banners.
  • Reviews.
  • Etc.
Herramientas de Email Marketing

Existen muchas plataformas de marketing por email por lo que deberás identificar la que más se adapte a tus necesidades.

Hoy voy a hablar del único software de email marketing que permite enviar gratis 75.000 emails al mes a 15.000 suscriptores con autorespondedores incluidos. Se trata de la plataforma MailRelaylogo_mailrelay

Es una herramienta muy potente con un sistema de estadísticas de campaña con retorno de clics en enlaces y completa información de suscriptores y una suite de manejo de la aplicación intuitiva, sencilla y muy versátil para gestionar tus BBDD, diseñar y mandar tus boletines, ver informes de resultados de cada envío, etc. lo que la convierte en una opción de primera línea a tener en consideración. Sus principales ventajas y prestaciones son:

  • Incluye completa suite de gestión de BBDD, envíos y suscriptores.
  • Software avanzado de diseño de boletines en HTML integrado en la aplicación.
  • Penetración de envíos garantizada en Hotmail, Yahoo, Gmail, AOL, etc.
  • Estadísticas de seguimiento por suscriptor, clicks, SO, ubicación geográfica, etc.
  • Sistema de altas y bajas automático con formularios con confirmación por email.
  • Control de mails fallidos, bounces y clicks en correo no deseado.
  • Limpieza de BBDD automática y corrección de sintaxis de emails.
  • Posibilidad de envió a través de un servidor SMTP estándar.
  • Integración con su portal o aplicación CRM y ERP con API y acceso a estadísticas.
  • Reputación de IP y dominio con control activo de la misma en tiempo real.
  • Soporta todos los estándares: SPF, DomainKeys Yahoo, Sender ID Microsoft, etc.
  • Soporte con administrador en tiempo real a través de chat, correo y tickets.
  • Total escalabilidad instantánea: hasta varios millones de envíos mensuales.
  • Libera carga de conexión local a Internet y no bloquea el correo de la empresa.
  • Envío de mailings masivos ultrarrápido: hasta más de 4.000.000 emails por hora.
  • Previsualización de su mensaje en diferentes proveedores de webmail.
  • Cálculo previo del spam score antes de mandar las newsletters.
  • Independencia de envío respecto a hosting y recursos web de la empresa.
  • Incluye IP inversa personalizable para servidores destinatarios que la exijan.
  • Reenvío automático desatendido de cuentas de email que reporten error.
  • Servicio I+D: desarrollo personalizado para los clientes.
Más detalles en: mail-relay-resumen.pdf

También os dejo un vídeo introductorio:




16 de diciembre de 2014

Comentarios con desplazamiento de texto para Blogger (efecto marquee)


Todos conocemos la importancia de un blog como herramienta de marketing online para cualquier actividad empresarial o negocio. Se trata de un instrumento muy competitivo y diferencial que actúa como canal de comunicación entre las empresas que ofrecen sus productos o servicios y los usuarios.

Un blog corporativo posibilita la interacción con nuestros clientes actuales y potenciales a través de comentarios, teniendo como finalidad aumentar la reputación de nuestra marca lo que se traducirá en la consecución de nuestros objetivos.
En cada acción que realizas o en cada comentario que alguien hace sobre ti, se está construyendo tú marca comercial o personal.

Para mostrar los comentarios recientes en nuestro blog, pagina o sitio web, podemos utilizar las herramientas que nos ofrecen los distintos gestores de contenido.
Ese plus de visibilidad nos los proporcionan los widgets o gadgets que permiten incrustar y presentar información relevante para el usuario final.

Blogger pone a nuestra disposición un gadget de muy fácil implementación y de máximo interés: un tablero con los últimos comentarios publicados en tu sitio web o blog..

Éstos son los pasos a seguir:

  1. Selecciona la entrada Diseño del panel principal de Blogger.
  2. Pulsa sobre el link Añadir un gadget y se abrirá una ventana con diferentes alternativas
  3. Desplazamos el scroll de la nueva ventana hacia abajo hasta llegar a la opción:

    HTML/JavascriptAñadir
    Añade una característica de un tercero u otro código a tu blog.





  4. Introduce el Título del widget (por ejemplo Últimos comentarios)
  5. En la caja Contenido pega el siguiente código:

    <script type="text/javascript">
     // Recent Comments Settings
     var
     numComments  = 10,
     showAvatar  = true,
     avatarSize  = 40,
     roundAvatar = true,
     characters  = 40,
     showMorelink = false,
     moreLinktext = "More »",
     defaultAvatar  = "http://i.imgur.com/3QqaBeS.png",
     hideCredits = true;
    </script>
    
    <script type="text/javascript" src="
    https://raw.githack.com/jmacuna/comments-avatar/master/recent_comments.html"></script>
    <script type="text/javascript" src="[URL DE TU BLOG]/feeds/comments/default?alt=json&callback=w2b_recent_comments"></script>
    
  6. Por último hacemos click sobre el botón Guardar

Vamos a analizar cada uno de los parámetros:

  • numComments: número de comentarios a mostrar.
  • showAvatar: 'true' si queremos mostrar el avatar (identidad virtual) del autor del comentario.
  • avatarSize: tamaño en píxeles de la imagen del avatar.
  • roundAvatar: 'true' para mostrar el avatar en forma redondeada.
  • characters: especifica el número de caracteres del comentario.
  • showMorelink: 'true' para que aparezca el link que nos lleva a la lectura de ese comentario.
  • moreLinktext: texto del enlace para acceder al comentario.
  • defaultAvatar: imagen por defecto para aquellos avatares que no disponen de imagen identificativa.
  • hideCredits: 'true'si queremos ocultar la url de la pagina del creador.
Como indicación final, sustituimos el texto [URL DE TU BLOG] por la dirección de nuestro blog (en mi caso: http://www.tecnoblog.guru).

Podéis ver el ejemplo funcionando en la columna derecha del blog, bajo la sección Suscribirse por Email (visible en la versión de escritorio).

Ahora vamos a dotar de mayor dinamismo al tablero con el efecto marquee (efecto de movimiento de los textos o comentarios).
Para ello, añadimos dos nuevas librerías javascript y la función jQuery para la ejecución del script.

El código resultante es el siguiente:

<table class="comments">
<tr><td class="title">Últimos comentarios</td></tr>
<tr><td><div class="scroller">
<script type="text/javascript">
var numComments  = 10,
    showAvatar  = true,
    avatarSize  = 40,
    roundAvatar = true,
    characters  = 40,
    showMorelink = false,
    moreLinktext = "More »",
    defaultAvatar  = "http://i.imgur.com/3QqaBeS.png",
    hideCredits = true;
</script>
<script src="https://cdn.jsdelivr.net/gh/jmacuna/comments-avatar@master/w2b_recent_comments_with_avatars.js"></script>
<script src="[URL DE TU BLOG]/feeds/comments/default?alt=json&callback=w2b_recent_comments"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/jmacuna/comments-avatar@master/scrollForever.js"></script>
</div></td></tr>
</table>
<script type="text/javascript">$(document).ready(function({$(".scroller").scrollForever({dir:"top",container:"ul",inner:"li",speed:1000,delayTime:10,continuous:true,num:1});});</script>


Puedes visualizar y descargar el ejemplo para integrarlo en tu blog en la siguiente dirección:

Comentarios recientes con efecto 'marquee'


10 de diciembre de 2014

e-commerce: una apuesta segura en los próximos años

El término "comercio electrónico" (o e-Commerce por sus siglas en inglés) se refiere al uso de un medio electrónico para la venta de productos y servicios.
Como ejemplos de sistemas de pago electrónico nos encontramos las pasarelas de pago o TPV virtual para el pago con tarjeta, los sistemas de monedero electrónico y los sistemas que se conectan directamente con la banca eletrónica del usuario.

Si bien es cierto que tan sólo un 36% de los españoles ha hecho una compra en internet en el último año o que un 44% de los españoles nunca ha comprado por internet, los datos auguran un futuro prometedor.

Un estudio llevado a cabo por la consultora americana Forrester destaca que durante los próximos 4 años, Europa se consolidará como el continente con mayor volumen de ventas efectuadas a través de internet.
Además, el estudio añade que dentro de estas previsiones, España ocupará un lugar especial a la cabeza de los países que más crecerán dentro de este sector.
El e-commerce español crecerá un 13.4% para facturar unos 12.383 millones de euros, según Observatorio Nacional de las Telecomunicaciones y de la Sociedad de la Información (ONTSI).

En cuanto a los sectores que verán aumentar sus ventas a través del comercio electrónico, cabe destacar que por primera vez, el sector moda se posiciona como la principal categoría en las compras online con un 47%, seguido de viajes y tecnología. El sector de los libros también se ha vuelto hacia el entorno digital pues el 25% de las compras de libros también serán online. Otros sectores como el de alimentación actualmente están empezando a despegar en internet.

Las webs más utilizadas para las compras online son Amazon (35%), Ebay (29%) y Groupon (17%). Los usuarios las prefieren por sus múltiples ventajas, entre las que destacan: precios competitivos, variedad de productos y sencillez en el uso de las páginas.

Según la encuesta llevada a cabo por el ONTSI, algunos datos son reveladores.

Canal de compra

  • Sitio web que principalmente vende por internet: 52.6%
  • Tienda que tiene establecimiento físico y venta por internet: 48.7%
Formas de pago preferidas por los internautas

  • Pasarela de pago (tarjeta de crédito/débito): 52.8%
  • Proveedor de servicios de pago (PayPal, Google Wallet, etc): 28.4%
  • Contra reembolso/Domiciliación bancaria: 17.1%
  • Otros: 1.8%
Evolución del número de compradores por producto

  • Billetes de transporte: 59.4%
  • Reservas alojamiento paquete turístico: 51.6%
  • Ropa, complementos y artículos deportivos: 49.6%
  • Entradas a espectáculos: 49.1%
  • Electrónica: imagen, sonido, comunicaciones, hardware: 36.0%
  • Aplicaciones para móvil o tableta: 31.0%
  • Smartphones y tabletas, y sus accesorios: 23.9%
  • Películas, música y videojuegos: 21.0%
  • Perfumería y bazar: 14.6%
  • Restaurantes: 11.2%
  • Otros: 9.5%
Tipo de app adquirida para dispositivos móviles

  • Mensajería: 47.2%
  • Juegos: 30.9%
  • Entretenimiento: 30.1%
  • Utilidades (horario bus, taxi,...): 21.8%
  • Música: 17.8%
  • Navegación: 15.8%
  • Educación: 13.9%
  • Viajes: 8.6%
  • Noticias: 7.8%
  • Finanzas: 5.9%
Plataformas a través de las cuales se adquirió alguna app para un dispositivo móvil

  • App Store: 50.8%
  • Google Play: 46.8%
  • Amazon App Store: 3.7%
  • Windows Store: 1.5%
  • BlackberryWorld: 0.3%
  • Otros: 5.3%
Del informe cabe destacar:

  1. El número de internautas compradores, ha pasado de 15,2 millones en 2012 a 17,2 millones en 2013. El gasto medio se sitúa en en 848€, un 3,9 % superior al valor del año anterior.
  2. Más de cuatro millones de personas utilizaron un dispositivo móvil o tableta para realizar sus compras, lo que representa un incremento del 13,8% respecto al año anterior.
  3. El 32% de los internautas compradores online que utilizan tableta o teléfono móvil han adquirido alguna aplicación de pago siendo las preferidas las de mensajería y el móvil su principal destino.
Toda la información en "Estudio sobre el comercio electrónico 2013" [pdf] realizado por el ONTSI (órgano adscrito a la entidad pública empresarial Red.es)

El volumen de transacciones económicas vía internet crece de manera exponencial, pudiendo afirmar que ya es difícil encontrar un proyecto empresarial que no tenga sitio web, y en esa web un catálogo o al menos, una opción de solicitar algún tipo de producto o servicio.

Plataformas ecommerce para tiendas online

Cada negocio y cada estrategia es diferente pero debemos tener presente algunas consideraciones a la hora de llevar a cabo un plan de acción:

  • Profundo conocimiento del mercado en el que queremos lanzarnos: demanda online de productos o servicios, estudio de competidores, etc.
  • Fidelización: ofrecer al cliente un adecuado servicio de asistencia.
  • Usabilidad web: los productos deben presentarse de manera clara y el proceso de pedido tiene que ser sencillo y completo de descripciones o imágenes para aclarar los pasos a seguir.
  • Marketing: para vender hay que invertir en publicidad (campañas de Google Adwords), llevar a cabo operativas de posicionamiento SEO...
Elegir la plataforma de e-commerce adecuada para crear tu tienda online con todas las opciones que existen en el mercado no resulta nada fácil.
En primer lugar tenemos que definir cuáles son las necesidades de nuestra tienda en términos de:

- ¿necesitamos hosting o nos basta con un software en la nube?
- ¿el software permite trabajar el SEO de forma flexible?
- ¿dispongo de multitud de plantillas profesionales para la personalización de la tienda?
- ¿las plantillas son responsive?
- ¿permite añadir módulos de márketing, fidelización, etc.?
- Volumen de catálogo: ¿vamos a tener 500 productos o 50.000?
- ¿Queremos hacer multitienda o no?
- ¿Sólo voy a vender yo o voy a tener afiliados?
- ¿Cuántos idiomas queremos manejar?
- ¿Puede internacionalizarse?
- ¿Cómo manejaremos el stock (desde la tienda, desde un ERP…)?
- Y un largo etcétera.

Algunas de las plataformas más conocidas del mercado son Shopify, WooCommerce, Prestashop, Magento.

Existe una plataforma menos conocida que ha despertado especialmente mi interés: Oleoshop

Algunos puntos destacables son:

  • Es un software nativo desarrollado pensando por un lado en hacer la creación de tiendas una tarea sencilla pero sin perder la potencia o capacidad de personalización. Para conseguirlo han creado un gestor de contenidos basado en piezas, dónde puedes crear tus página seleccionando una estructura y arrastrando y configurando los diferentes componentes (imágenes, carruseles, imágenes, productos). Y todo ello adaptado a móviles y tabletas.
  • Pone a tu disposición una gran cantidad de plantillas listas para utilizar y totalmente personalizables
  • Oleoshop es un servicio SAAS en la nube que incluye el alojamiento, actualizaciones constantes, monitorización 24/7, soporte, copias de seguridad diarias.
  • Cuentan con librerías que tienen cerca de 1 millón de referencias y con tiempos de respuesta muy buenos.
  • Está conectado con Galatea 4.0 y Visual Gest (TPV)



4 de diciembre de 2014

Carrusel de entradas recientes con imágenes para Blogger

Disponer de un diseño de calidad de tu web o blog es fundamental para el desarrollo de tu marca. El sitio web se convierte en la carta de presentación de tu proyecto. Del mismo modo que se juzgan personas por su apariencia, se juzgará y decidirá si tu negocio es interesante por el diseño de tu página web, al margen de que tus productos lo sean.

Existen estudios contrastados que señalan que la primera impresión es crítica:

  • El 75% de los usuarios evalúan la credibilidad de un sitio basándose en el diseño web.
  • El 68% de los compradores desconfían de un sitio que no parece profesionalmente diseñado.
Os invito a que leáis este interesante informe de una empresa de publicidad de San Francisco: Digital Strategies for Small Business [ pdf ]

Para atraer más visitantes y lectores a nuestro blog, pagina o sitio web, también utilizamos las herramientas que nos ofrecen los distintos gestores de contenido.
Ese plus de visibilidad nos los proporcionan los widgets o gadgets que permiten incrustar y presentar información relevante para el usuario final.

Blogger pone a nuestra disposición un gadget de muy fácil implementación y de máximo interés: Un carrusel o slider de imágenes con los artículos o entradas recientes.

Éstos son los pasos a seguir:

  1. Selecciona la entrada Diseño del panel principal de Blogger.
  2. Pulsa sobre el link Añadir un gadget y se abrirá una ventana con diferentes alternativas
  3. Desplazamos el scroll de la nueva ventana hacia abajo hasta llegar a la opción:

    HTML/JavascriptAñadir
    Añade una característica de un tercero u otro código a tu blog.





  4. Introduce el Título del widgets (por ejemplo Entradas recientes)
  5. En la caja Contenido pega el siguiente código:

    <link rel="stylesheet" type="text/css" href="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/default-style.min.css"/>
    <div id="slider-rotator" class="slider-rotator loading"></div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://blogger-json-experiment.googlecode.com/svn/resources/blogger-feed-rotator-plugin/blogger-feed-rotator.min.js"></script>
    <script type="text/javascript">
    makeSlider({
       url: "https://www.tecnoblog.guru", // Add your blog URL
       numPost: 5,
       showDetail: true,
       summaryLength: 200,
       titleLength: 50,
       showThumb: true,
       squareThumb: false,
       autoHeight: false,
       crossFade: true,
       showNav: true
    });
    </script>
    
  6. Por último hacemos click sobre el botón Guardar

Nota importante


El autor de este widget, Taufik Nurrohman compartió libremente el código necesario para su funcionamiento pero los directorios de acceso público dónde se alojaban estas librerías ya no están disponibles.

Todos aquellos que quieran introducir el carrusel o hayan incorporado el carrusel a su blog y deseen seguir utilizándolo, tienen que realizar unos pequeños ajustes para que vuelva a funcionar de forma correcta. Los pasos a seguir son:



Vamos a analizar los parámetros de la función Slider:

  • url: añade la url de tu blog.
  • numPost: número de artículos a mostrar en el carrusel.
  • showDetail: 'false' si queremos ocultar el título y descripción del post.
  • summaryLength: número de caracteres a mostrar del resumen del artículo.
  • titleLength: 'auto' por defecto. Con este parámetro especificamos el número de caracteres del título.
  • showThumb: 'false' para ocultar los thumbnails del artículo
  • squareThumb: 'true' para mostrar la imagen en miniatura (thumbnail) a escala, con su ancho original y la relación de altura
  • autoHeight: 'true' para ajustar la altura del elemento que se muestra.
  • crossFade: para hacer el efecto de transición de imágenes de forma simultánea.
  • showNav: 'false' para ocultar la barra de navegación (contador numérico y flechas anterior y siguiente).
  • newTabLink: 'true' para abrir el link en una nueva ventana.
  • labelName: para especificar el nombre de la etiqueta del post o 'null' (por defecto) para mostrar todos los mensajes.
  • thumbWidth: tamaño en píxeles del thumbnail del post.
  • noThumb: especificamos una imagen por defecto para aquellos post que no tienen miniatura.
  • hoverPause: 'false' para que la presentación de imágenes siga corriendo aunque pasemos el ratón por encima.
  • interval: intervalo entre slides (en milisegundos).
  • speed: velocidad de presentación entre slides (en milisegundos).
  • navText: {
       prev: "&lt;", // Texto para mostrar el botón Anterior de navegación
       next: "&gt;" // Texto para mostrar el botón Siguiente de navegación
    },
Toda la información de la librería javascript en Blogger Feed Rotator Plugin

Podéis ver el ejemplo funcionando en la columna central del blog, bajo la sección Entradas Populares (visible en la versión de escritorio).



19 de noviembre de 2014

Evolución de los smartphones: ¿menos es más?

Pese a la creencia popular, cada vez es más evidente que el tamaño sí importa. Concretamente, en la industria tecnológica hemos dado el paso inverso. Mientras que tradicionalmente se ha buscado reducir el tamaño de los dispositivos al mínimo posible, las últimas tendencias indican que, de nuevo, lo grande está de moda.

De los ordenadores personales o pc a los netbooks (computadora de bajo costo y dimensiones reducidas, que aporta mayor movilidad y autonomía), del telégrafo a los teléfonos móviles y del cine a la televisión portátil, la evolución de la tecnología siempre ha seguido la máxima de que menos es más, tendencia que, sin embargo, una vez llegada a su cima está comenzando a invertirse.

Un estudio de la compañía LG establece que el tamaño del televisor es el factor más importante para el 71% de los encuestados, por encima de la calidad de la imagen o la conectividad con internet en pleno auge de las Smart TV. Fuente: LG o cuando el tamaño sí importa

El otro gran sector en el que el tamaño es cada vez más importante es el de los teléfonos móviles inteligentes o smartphones.
Según este test de Comparaiso, el número de pulgadas de la pantalla es la característica determinante a la hora de elegir uno u otro teléfono.

El auge de los videojuegos para smartphone, la aparición del 4G (cuarta generación de tecnologías de telefonía móvil), el uso cada vez más extendido de Youtube y la visualización de series y películas en el teléfono móvil, son algunas de las razones que explican esta nueva búsqueda de 'lo más grande'.

Mientras que hace unos años lo que más se demandaba eran las cámaras de móvil con mayor número de megapíxeles, en la actualidad se busca la mejor recepción de imagen y vídeo. En muchas ocasiones, los teléfonos están sustituyendo totalmente a los netbooks y las tabletas para utilizarse de la misma manera que un ordenador de sobremesa.

Bajo esta última tendencia se explica la aparición de las phablets, denominadas así por ser smartphones con, prácticamente, el tamaño de una tableta (entre 5 y 7 pulgadas aproximadamente) y destinada, sin ninguna duda, a sustituir a estas últimas en el mercado. El último en expresar su deseo de unirse a la moda de las phablets ha sido Tim Cook, el todopoderoso CEO de Apple, haciendo obsoletas las palabras del fallecido Steve Jobs en las que se mostraba contrario a cualquier pantalla que superara las cinco pulgadas para sus móviles.

Mientras que algunos expertos afirman que el tamaño de la mano es lo más determinante para elegir el número de pulgadas de nuestro smartphone, otros afirman que nos adaptaríamos con facilidad a mover el pulgar y parte de la mano para alcanzar toda la pantalla, algo que le ocurre prácticamente a cualquier usuario que tenga un móvil de más de cinco pulgadas.

Pero ¿cuál es la ventaja?
En ésto, los expertos coinciden: a mayor tamaño, mayor facilidad no solo para consumir contenido, sino también para producirlo. Es decir, para realizar las labores que tradicionalmente hacíamos en nuestro ordenador en nuestra nueva phablet o tabléfono, como se ha intentado traducir al castellano.

El siguiente gráfico muestra datos estadísticos de la demanda mundial de teléfonos inteligentes en el primer trimestre de 2014 por tamaño de pantalla.

Infographic: Phablets Account for One Third of Global Smartphone Shipments | Statista
* inch = pulgadas

Según un estudio llevado a cabo por Canalys , la tendencia hacia los teléfonos inteligentes de pantalla grande es ininterrumpida. De los 280 millones de teléfonos inteligentes vendidos en todo el mundo en el primer trimestre de 2014, el 34% eran phablets, es decir, teléfonos con pantallas de 5 pulgadas o más grandes. El segmento phablet ha crecido un 369% en los últimos años, superando significativamente al mercado de teléfonos inteligentes.


6 de noviembre de 2014

Qué debes saber de Google Adwords (publicidad patrocinada)


Google Adwords es la herramienta o plataforma a través de la cual vamos a diseñar y desarrollar nuestros anuncios para que Google los ponga a disposición de todos los usuarios del buscador.



Utiliza el sistema de Pago por Click o Cost Per Click (CPC): solo pagaremos si alguien hace clic en nuestro anuncio, no cada vez que éste aparezca.

Google distingue dos tipos de campaña publicitaria:

  • la Red de Display (los anuncios se muestran en diferentes sitios web)
Son los anuncios de texto, gráficos(banners), vídeos, aplicaciones o publicidad interactiva avanzada que aparecen en los blogs o páginas web y que funcionan a través del método de Google Adsense.



  • la Red de Búsqueda (los anuncios se muestran en Google)
Son las tres primeras posiciones que aparecen con sombreado naranja en el buscador y la columna de la derecha dónde aparecen una serie de anuncios.


Como apreciamos en la imagen, el espacio que asigna Google a los anuncios es limitado.

¿Qué tenemos que hacer para aparecer en las primeras posiciones?

El funcionamiento es similar al de una subasta: el mayor postor, el que más puja, es el que está más arriba. Para ello Google mide lo que llama ranking del anuncio.
El ranking de tu anuncio se basa en una combinación de tu oferta (cuánto estás dispuesto a gastar) y tu nivel de calidad (calidad de tus anuncios, palabras clave y sitio web).
La calidad y la relevancia de las palabras clave, de las páginas de destino y del anuncio son tan importantes para el ranking del anuncio como la cantidad que estás dispuesto a invertir.

Con un anuncio orientado por palabras clave en la Red de Búsqueda de Google, tu oferta sería la oferta de coste por clic máximo, es decir, la cantidad máxima que estás dispuesto a pagar por cada clic que reciba tu anuncio. El nivel de calidad se basa en la relevancia de las palabras clave, en la calidad de la página de destino, en el porcentaje de clics (CTR) del anuncio, según la posición en la página, y en algunos otros factores.

En el caso de un anuncio orientado por ubicación en la Red de Display de Google que utilice el sistema de oferta de coste por cada mil impresiones (CPM), el nivel de calidad se basa simplemente en la calidad de la página de destino.

Más información en la página oficial de Google Adwords: ¿cómo funciona Adwords?

Ventajas del uso de esta plataforma

  • por muchas veces que un usuario de internet vea nuestro anuncio impreso, si no hace click en él, Google no nos va a cobrar.
  • vamos a aparecer en las primeras posiciones desde el primer momento, a diferencia de las campañas de posicionamiento natural u orgánico cuyos resultados son visibles a partir de seis meses o un año.
  • gran nivel de segmentación: podemos diseñar anuncios para un determinado público que realiza búsquedas en Google en función de su ubicación (dependiendo del país, puede orientarse a estados, ciudades y/o, incluso, barrios), idioma, dispositivo desde el que se conecta, sistema operativo, etcétera.
  • flexibilidad de las campañas: AdWords permite tener un control absoluto sobre tu inversión. Por ejemplo, podemos empezar pagando una cantidad (no hay un compromiso de inversión mínima), mañana modificarla y pasado cancelar la cuenta sin que ello suponga un coste adicional.
Inconvenintes

  • el 90% de los usuarios que accede al buscador se fija en la zona de resultados de posicionamiento orgánico (SEO). Es decir, el área de anuncios patrocinados sólo cuenta con un 10% de visibilidad.
  • si no pagas desapareces: dejas de aparecer en la primera página de Google.
  • rentabilidad de tus campañas: debemos conocecer y analizar muy bien esta herramienta para evitar un gasto excesivo. Es recomendable limitar nuestro presupuesto diario y mensual ya que nunca nos facturarán más de esa cantidad.
Creación de una cuenta de Adwords

Visita la dirección https://adwords.google.com y haz clic en Empiece ahora. Introduce una dirección de correo electrónico, selecciona una contraseña, una zona horaria y una moneda, y confirma tu correo electrónico. Ahora ya puedes realizar el paso siguiente: creación de tu primera campaña publicitaria.

Desde tu cuenta podrás consultar un informe del rendimiento de tu anuncio: cuántos clientes nuevos se conectan a tu empresa a partir del anuncio, de dónde proceden y otros detalles.


3 de noviembre de 2014

Perfiles, páginas y grupos en Facebook: aplicación a la enseñanza

Facebook tiene la capacidad para cambiar poco a poco el sistema educativo y brindar a los alumnos la motivación necesaria para el aprendizaje, la figura del profesor se transforma en guía, coordinador de tareas en el marco de una clase, curador de contenidos y experto en competencias concernientes al aprendizaje colaborativo y el dominio de la Web 2.0.

La Web 2.0, y dentro de ésta las redes sociales, ofrecen un ambiente de aprendizaje óptimo en el que puede darse una interacción dinámica. El conocimiento ya no fluye unidireccionalmente, sino que se construye entre todos y a partir de los recuerdos de todos.

El uso de Facebook en el ámbito educativo responde a las posturas “edupunks”. El término edupunk, ideado por Jim Groom, es un neologismo usado en inglés para referirse a la aplicación de la actitud “hágalo usted mismo” en las prácticas de la enseñanza y aprendizaje. Busca desligarse de políticas educativas en el uso de las TIC e intereses corporativos que ofrecen soluciones tipo “molde”.

Páginas Vs Grupos

Usar una página de Facebook en la que añadir eventos, añadir comentarios y recordar a los estudiantes las fechas de las entregas. Mejorar la comunicación, al permitir a los estudiantes enviar mensajes al profesor y entre otros estudiantes con preguntas.

Usar aplicaciones de Facebook y grupos para hacer el aprendizaje más interesante.

¿Y por qué no trabajar directamente con un usuario?

  • Los perfiles deben estar asociados a una persona no a una marca o grupo, es la política de Facebook.
  • Limite de número de amigos (5000).
  • Hay que estar pendiente de aceptar la amistad.
  • No permite subir documentos directamente asociados al usuario.
Las páginas, se crean con fines específicos y a diferencia de los grupos no contienen foros de discusión, ya que están encaminadas hacia marcas o personajes específicos y no hacia ningún tipo de convocatoria.

Los grupos permiten la posibilidad de que sean privados solo para un conjunto de usuarios, opción que puede ser muy habitual para una asignatura. Las páginas permiten la opción de no publicarlas, siendo privadas pero realmente su finalidad no es para estar cerradas al público.

Trabajar con páginas

La diferencia con el grupo es que las páginas siempre están orientadas a todo el público de Facebook, por lo que serán interesantes para proyectos en abierto donde se pretenda que cualquiera pueda ver el contenido y comentarlo.

Permiten de una manera sencilla que profesores o alumnos puedan compartir enlaces, videos en línea o fuentes RSS desde el blog del aula o el sitio web del centro educativo. Cuentan con funciones para la colaboración, incluidas las notas (que son como entradas de blog) y comentarios. Todas estas funciones permiten extender el aprendizaje más allá del aula.

Trabajar con grupos

Los grupos son una oportunidad de extender el aprendizaje fuera del aula tradicional. Al usar Facebook como complemento a lo que se enseña en el aula, se da a los alumnos la facilidad de aprender según sus necesidades.

Es una manera perfecta para que los estudiantes trabajen en proyectos de colaboración con el resto de compañeros y el docente. La ventaja es que no es necesario ser amigos en Facebook para interactuar en un grupo, manteniendo así la privacidad de los estudiantes y consiguiendo que se impliquen en el grupo. También puede servir como aula virtual para una asignatura concreta.

Cualquier usuario en Facebook puede crear un grupo, podrá ser:

  • Abierto, cualquiera puede ver el grupo, quién pertenece a él y lo que publican sus miembros.
  • Cerrado, cualquiera puede ver el grupo y quién pertenece a él, pero solo los miembros pueden ver las publicaciones.
  • Secreto, solo los miembros ven el grupo, quién pertenece a él y el contenido que publican otros miembros.

Tabla comparativa con las características de los grupos, páginas y perfiles

  Grupos Páginas Perfiles
Privacidad Abierto / Cerrado / Secreto Público (visible por todo el mundo) / Sin publicar Público / Privado / Personalizado*
Solicitudes de adhesión Cualquier miembro del grupo puede añadir o aprobar otros miembros / Cualquier miembro puede añadir a otros miembros, pero un administrador debe aprobarlos. No, cualquiera puede unirse solo con pulsar en "Me gusta" El dueño del perfil debe aprobar la solicitud de amistad
Quién publica Solo el administrador, en su nombre o cualquier miembro, opción de que haya que moderarlas. El administrador, aunque hay una sección en la que pueden publicar si se habilita el resto de seguidores El dueño del perfil
Límite de usuarios Si, 5000 usuarios. No Si, 5000 usuarios.
Comunicación privada Si, permite mensajes privados a todo el grupo. No, para evitar SPAM. La única manera de comunicación con el usuario es pública mediante las actualizaciones de estado de la página. Si, chat y mensajes privados.
Indexación en buscadores No, solo se puede encontrar dentro de Facebook. Si Si, es configurable permitiendo deshabilitar la opción
Personalización de la URL No se peude personalizar Si Si
Añadir fotos y vídeo Si Si Si
Crear eventos Si Si Si
Subir archivos Si No No
Añadir notas de texto No Si No
Preguntas Si No No
Aplicaciones No Si Si
Estadísticas No Si No
(datos de 2013)

Las aplicaciones permitirán realizar acciones adicionales tanto en páginas y perfiles, por lo tanto algunas de las herramientas de la tabla que por defecto no están disponibles si se podrían implementar, por ejemplo crear preguntas mediante una encuesta.
Adicionalmente, los grupos permiten la creación de una cuenta de correo electrónico para que los miembros escriban.

Aplicaciones educativas en Facebook

Algunas aplicaciones de interés de terceros que Facebook incorpora:

  • Zoho Online Office: permite publicar y almacenar archivos de Office (documentos, hojas de cálculo o presentaciones) y compartirlos con usuarios. Se crean los documentos dentro del propio navegador. Nos podemos crear un usuario fácilmente asociándolo a nuestra cuenta de Facebook.
  • Mathematical Formulas: excelente aplicación para distribuir fórmulas matemáticas y la resolución de problemas con los estudiantes, incluso si ellos no han descargado la aplicación.
  • Webinaria Screencast Recorder: para el diseño y creación de tutoriales pantalla por pantalla, o para la grabación de presentaciones en vídeo.
Conclusión

Facebook es una herramienta importante para profesores que quieren añadir un suplemento o clases online. Permite compartir materiales de clase creando páginas para un proyecto específico construyendo unas mejores relaciones con los estudiantes.

Fuentes

Aplicación de las redes sociales a la enseñanza: Comunidades virtuales (Miríada X).
http://www.proyectofacebook.com.ar/
http://www.proyectofacebook.com.ar/proyecto-facebook-en-prezi/

Material bibliográfico

Oriol Borras Genel: "Aplicar Facebook en la comunidad educativa"
Gabinete de Tele-Educación. Universidad Politécnica de Madrid.



11 de octubre de 2014

Como generar barcodes lineales y QR barcodes con jQuery en pocas líneas de código

En el artículo anterior Quick Response Barcode o «código de respuesta rápida» perfilamos las dimensiones que tiene y puede alcanzar este tipo de software. También hablamos de la infinidad de servicios que nos permiten generar el código de forma sencilla y transparente ya sea a través de la instalación de un programa o directamente desde la barra de direcciones de nuestro navegador.

Ahora bien, ¿estamos dispuestos a crear códigos qr dependientes de servicios de terceros?

Con jQuery.qrcode generar códigos QR de forma dinámica en nuestro sitio web será muy fácil y tendremos la posibilidad de codificar alrededor de 2900 caracteres (8 bits).

Este plugin permite la creación de códigos QR de dos formas diferentes:

  • Dibujándolo sobre un objeto canvas: genera en el elemento que deseemos una etiqueta canvas de HTML5, y luego pinta el código sobre su superficie.

    Funcionará en los navegadores más modernos que soporten el objeto canvas de forma nativa:

    • Internet Explorer 9+
    • Firefox 31+
    • Chrome 31+
    • Safari 5.1+
    • Opera 24+
    • iOS Safari 7.1+
    • Opera Mini 7+
    • Android Browser 2.3+
    • Chrome for Android 37+

    Toda la información en http://caniuse.com/#feat=canvas

  • Generándolo a partir de capas o divs: crea el código dibujando cada punto a partir de un elemento div de HTML, por lo que funcionará en cualquier navegador.
Podemos ver una demostración que ilustra estos dos métodos en la dirección https://larsjung.de/jquery-qrcode/latest/demo/

Su uso es simple: seleccionamos con jQuery el elemento en el que queremos albergar el código y llamamos al método qrcode con el parámetro text y la información que queremos mostrar.

Obtenemos el código QR:



También podemos pasar parámetros al método para definir el aspecto del código QR: tamaño, color, fuente, bordes, etc.

Código QR resultante:



jQuery también nos proporciona otro plugin para generar barcodes o códigos de barras lineales, cuya concepción se basa en en la 'representación mediante un conjunto de líneas paralelas verticales de distinto grosor y espaciado que en su conjunto contienen una determinada información, es decir, las barras y espacios del código representan pequeñas cadenas de caracteres'.
Fuente: http://es.wikipedia.org/wiki/Código_de_barras

También resulta extraordinariamente fácil su uso, tan sólo tenemos que importar en nuestro web site la librería jquery-barcode.min.js que podemos bajarnos del sitio oficial http://barcode-coder.com/download/jquery-barcode-2.0.3.zip.

En este caso seleccionamos el elemento en el que queremos insertar el código y llamamos al método barcode con la cadena numérica a codificar y el tipo de codificación.




De la misma forma que los códigos de dos dimensiones, podremos definir el aspecto del barcode: color de fondo, color de las barras verticales, ancho y algo de las barras, etc.


Obtenemos el siguiente código de barras lineal:



Los tipos de códigos de barras que nos proporciona la librería son:

  • EAN 8
  • EAN 13
  • UPC
  • standard 2 of 5 (industrial)
  • interleaved 2 of 5
  • code 11
  • code 39
  • code 93
  • code 128
  • codabar
  • MSI
  • Data Matrix

Toda la información en http://barcode-coder.com/en/barcode-jquery-plugin-201.html


22 de septiembre de 2014

Códigos QR ¿tendencia u oportunidad de negocio?

Un código QR (Quick Response Barcode o «código de respuesta rápida») es un sistema de almacenamiento de información en un código de barras de dos dimensiones.
La ventaja fundamental respecto del código de barras tradicional es que nos permite introducir mucha más información, siendo más amplio el abanico de posibilidades o usos que le podemos dar.


Se trata de un estándar que permite representar en un gráfico bidimensional hasta 4.296 caracteres alfanuméricos.
Otro de los aspectos destacados es que, a diferencia de otros formatos de códigos de barras bidimensionales como el BIDI, su código es abierto y sus derechos de patente no son ejercidos, permitiendo que cualquiera pueda usarlos.

Se caracteriza por los tres cuadrados que se encuentran en las esquinas y que facilitan el posicionamiento para su interpretación.
Los códigos QR pueden leerse desde smartphones, tablets o PCs por medio de dispositivos de captura de imagen (escáner, cámara de fotos) y un software que interpreta la lectura y realiza la acción que indica el código.

La compañía japonesa Denso Wave, subsidiaria de Toyota, lo inventó en el año 1994 y durante quince años fueron adoptados por muchas aplicaciones industriales para la gestión de inventarios. La incorporación de software que lee códigos QR en los teléfonos inteligentes ha permitido que se desarrolle una corriente entre agencias de marketing y empresas, que palparon una oportunidad para utilizar estos códigos para conectar el mundo físico con la Red.

¿Qué información pueden contener?

Podemos usarlos para pasar nuestra tarjeta de visita, la URL de nuestra web, una dirección, la localización en un mapa sobre la ubicación de una empresa, una imagen, un documento pdf, un vídeo corporativo, etc.
Por lo tanto representan una apuesta en el mundo del Marketing, la Publicidad y el Consumo.
En el siguiente artículo, Eduardo Cano (Director de Internet y Nuevas Tecnologías de Parques Reunidos) nos ilustra con campañas de Marketing reales llevadas a cabo por distintas compañías en los úlimos años: Las 10 mejores y más innovadoras campañas con códigos QR

Para hacernos una idea del alcance que está teniendo esta tecnología, hace sólo unos días el Ayuntamiento de Madrid anunciaba que va a poner en marcha una experiencia piloto para identificar a los enfermos con Alzheimer mediante un código QR colocado en un colgante o pulsera. Fuente original: Madrid prueba un código QR para identificar a las personas con Alzheimer

¿Cómo se crean?

Para crear un código QR necesitamos un generador de códigos QR.
Existen aplicaciones para Windows, Linux y Mac pero lo más rápido y sencillo es utilizar servicios en línea. La mayoría permiten la creación de códigos a partir de una Url, texto, teléfono, vcard, sms, e-mail, etcétera.

Hay infinidad de generadores QR-Code:

Otros servicios nos permiten generar el código introduciendo una serie de parámetros a través de una url:

Incluso existen extensiones para Google Chrome:

¿Cómo se leen?

Para leer o interpretar un código QR es necesario un dispositivo con cámara de fotos y un lector compatible. En Internet puedes encontrar numerosos lectores capaces de interpretar estos códigos.

Nilo Vélez (Desarrollador Web y CTO & Co-founder de 50 Gramos) nos ofrece diez lectores gratuitos para iOS, Android, BlackBerry, Symbian, Windows Phone, Mac: Top 10: lectores gratuitos de códigos QR

¿Tendencia u oportunidad de negocio?

Con una penetración importante en Japón, siendo el sistema de codificación más utilizado (los jóvenes se tatúan este código con información médica), su impacto no ha sido el mismo ni en Europa ni en Estados Unidos.
Quizás debido a una serie de inconvenientes que no han conseguido resolver:

  • Si hay problemas de señal o cobertura, complicará el acceso a la información.
  • Dificultades para leer el código, dependiendo de la ubicación del mismo – al aire libre, expuesto al sol – o por un tamaño excesivamente pequeño.
  • Como no es una funcionalidad integrada en los dispositivos, los usuarios tienen que descargar apps de terceros que permitan el escaneo accediendo a la cámara de fotos, para así poder decodificar la información.
  • Debido a que cualquier usuario sin ningún tipo de conocimiento puede hacer uso de ellos, hemos pasado a verlos como un método menos profesional y más de a pie.
  • El ojo humano siempre será mucho más sensible que la cámara de un smartphone. Si un posible consumidor se encuentra subido en un vehículo o caminando con prisa, es prácticamente imposible que su teléfono capte el código de forma correcta. Sin embargo, memorizar una página web y teclearla al momento en nuestro navegador siempre es una opción más fácil.
  • Muchas de las tecnologías alternativas, como Near Field Communications (NFC) y el reconocimiento visual (VR), son cada vez más viables comercialmente, superando muchos de los inconvenientes de los QR.
    Google, tras una serie de pruebas, decidió optar por otras tecnologías como NFC para aplicaciones como Places o Wallet.
Fuente: Bakia

Su uso real es excesivamente bajo. Pocos son los usuarios que sacan de sus bolsillos su «smartphone» para realizar un escaneo.
De hecho, el 84% de las empresas españolas que han utilizado en alguna ocasión códigos QR reconoce que han presentado proyectos incorporando esta tecnología con el objeto de «crear una sensación de vanguardia», según datos de Selenus, consultora especializada en social media. El 52.9% asegura que lo utilizará en sus próximas campañas publicitarias, pero de cara al usuario lo cierto es que su uso es más bien escaso.

Desde mi punto de vista, aún tienen recorrido por su condición de ser gratuitos en la mayoría de los casos pero su evolución dependerá en gran medida de los usos más complejos que se les pueda dar y de la capacidad para aportar mayor valor a los usuarios.

¿compartes mi opinión?


11 de agosto de 2014

Para el post perfecto el tamaño importa: contador de palabras


El algoritmo de Google conocido como Panda 4.0 (última actualización) que empezó a tener sus primeros efectos en mayo, favorece a los sitios web que publiquen contenidos de gran calidad y con una extensión por encima de las 800 palabras.


Un artículo muy interesante que vale la pena detenerse a leer y que describe los posibles cambios de este algoritmo, tiene como título Google Panda 4.0 ya está suelto. Comienza el baile de posiciones… de @miguelfloro.

Tratando de profundizar más en este asunto, diré que estudios recientes arrojan el siguiente resultado: un post popular, en promedio, tiene 1142 palabras de longitud. Fuente original: https://blogpros.com/blog/2014/05/makes-perfect-blog-post-infographic
@javiergosende en su artículo Crear un post perfecto para tu blog ¿el tamaño importa? nos sitúa en el contexto y nos detalla los aspectos más importantes.

Existen plugins para WordPress que añaden recuento de palabras y caracteres: https://wordpress.org/plugins/wordcounternet-word-and-character-counter/
Desafortunadamente, los que usamos otros gestores de contenido no disponemos de este tipo de herramientas.

Vamos a ser capaces de obtener el número de palabras que contiene nuestro post con sólo unas líneas de código html:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
 initializeFeed();
});
function initializeFeed(){
 var word = $('#wordCount'), loadImg = $("#loadingfeed"), url = $('#article').val(), output = '', entry;
 word.val('');
 loadImg.show();
 
 word.after('<br/><br/><div class="wordCount"><strong>0</strong></div>');
 word.bind('keyup click blur focus change paste', function(){
  var numWords = jQuery.trim($(this).val()).split(' ').length;
  if($(this).val() === ''){
   numWords = 0;
  }$(this).siblings('.wordCount').children('strong').text(numWords + ' Palabras');
 });
 
 var feed = $('#myfeed').val(); //feed url
 var xhr = createCORSRequest("GET","https://api.rss2json.com/v1/api.json?rss_url="+feed);
 if (!xhr) {
   throw new Error('CORS not supported');
 } else {
  xhr.send();
 }
 xhr.onreadystatechange = function() {
  if (xhr.readyState==4 && xhr.status==200) {
   var responseText = xhr.responseText;
   var result = JSON.parse(responseText);
   if(result.status != "error"){
    var entry = result.items;
    for(var i=0; i<entry.length; i++){
     if(entry[i].link == url){
      output += entry[i].content;
      break;
     }
    }
   }else{
    url = feed;
   }
   if(output.length){
    output = output.replace(/(<([^>]+)>)/ig,"");
    word.val(output);
    word.blur();
   }else{
    word.siblings('.wordCount').children('strong').text('Url inválida: ' + url);
   }loadImg.hide();
  }
 }
}
function createCORSRequest(method, url) {
    var xhr = new XMLHttpRequest();
    if ("withCredentials" in xhr) {
        xhr.open(method, url, true);
    } else if (typeof XDomainRequest != "undefined") {
        xhr = new XDomainRequest();
        xhr.open(method, url);
    } else {
        xhr = null;
    }
    return xhr;
}
</script>
<label for="myfeed">Feed del Blog:</label> <input type="text" id="myfeed" value="http://www.tecnoblog.guru/feeds/posts/default"/><br/>
<label for="article">Url del post:</label> <input type="text" id="article" value="http://www.tecnoblog.guru/2014/08/como-funcionan-los-buscadores.html"/> <input type="button" value="Enviar" onclick="initializeFeed()"/>
<textarea id="wordCount"></textarea>


Sigue las siguientes instrucciones:

  • escribe en la primera caja de texto un feed válido (Ejemplo: http://feeds2.feedburner.com/Wwwhatsnew)
  • en el segundo campo de texto, introduce la url o dirección del post a analizar (Ejemplo: http://feedproxy.google.com/~r/WwwhatsNew/~3/eOev3h0oi98/).
  • y pulsa el botón Enviar. Obtendrás el resultado en tiempo real.


Si lo prefieres, puedes pegar directamente el texto en éste campo (el de mayor longitud) y el programa devolverá su extensión en número de palabras. Así de fácil :)

Podéis ver el ejemplo en funcionamiento y copiar el código html en: http://rawgithub.com/jmacuna/word-count-post/master/Word-Count-Post.html

Nota: Los dominios de Blogger y Google Drive utilizan protocolo seguro (https) en sus comunicaciones y ello nos obliga a que las url introducidas tengan que usar el mismo protocolo para que el ejemplo funcione. Ésto no será necesario en cualquier otro entorno (si nos bajamos el código html para trabajar en local).


4 de agosto de 2014

¿Cómo funcionan los buscadores?

En España si queremos tener visibilidad en buscadores y aprovechar el potencial del canal, es necesario tener un buen posicionamiento en Google. El resto de los buscadores (Bing, Yahoo, Ask, AOL, etc) sólo se usan de forma marginal y el tráfico que generan suele ser residual.


¿Cúal es el funcionamiento de un buscador de Internet?



Más información sobre Google Adwords y posicionamiento orgánico o SEO

Operadores avanzados

Señales de calidad

  • Cuando un usuario realiza una búsqueda, el algoritmo del buscador realizará una consulta a su base de datos y valorará una serie de factores entre las páginas de su índice que contengan la palabra buscada.
  • La página que parezca más relevante aparecerá situada en lo más alto.
  • La relevancia se obtiene mostrando señales de calidad.
  • El trabajo de un buen SEO es identificar estas "señales de calidad" mediante ingeniería inversa para aplicar las conclusiones obtenidas a las webs que se estén intentando posicionar.

 Cargando gráfico circular... por favor, espere


Nivel de Autoridad y características del Dominio (Domain Level Link Authority Features):
- describe métricas relacionadas con la autoridad y calidad de los enlaces que apuntan al dominio.

Métricas de Enlaces en la Página (Page Level Link Metrics):
- este factor esta relacionado con el número de enlaces de cada una de las páginas que componen un sitio web.

Utilización de Keywords en la Pagina (Page Level Keyword Usage):
- estas características describen la utilización de palabras claves y frases en ciertas partes del código HTML (titles, atributos alt, H1, H2 etc). Esto es, los factores on-page.
Algunas herramientas para el estudio de palabras clave son: Métricas del Nivel de Marca en el Dominio (Domain Level Brand Metrics):
- estas características describen elemenetos Root-Domain relacionados con el branding y la fortaleza de la marca.

Datos de Tráfico de la Página (Page Level Traffic Data):
- estos elementos describen el comportamiento del tráfico y del usuario dentro de la página web (asumiendo que Google y Bing, a través de sus herramientas, navegadores y dispositivos móviles, tienen acceso a una gran cantidad de tráfico web para su análisis).

Métricas Sociales de la Página (Page Level Social Metrics):
- estos valores están relacionados con métricas de terceras partes (likes, +1, tweets, RTs, etc...) que miden la influencia social de la página.

Nivel de Utilización de Keywords en el Dominio (Domain Level Keyword Usage):
- este factor cubre la forma en la que las keywords son utilizadas en el Root-Domain o en el Sub-Domain y su impacto en nuestro posicionamiento.

Características Agnósticas del Nivel de Keywords (Domain Level Keywords Agnostics):
- es un análisis del dominio pero dejando las keywords de lado. Este factor agrupa otras características on-site como pueden ser la longitud del dominio en caracteres, la cantidad de errores de la página, el nivel de originalidad del contenido, velocidad de carga, etc.

Factores On-Page

Los factores on‐page son aquellos que están dentro de nuestra página y que están bajo nuestro control directo.



Factores Off-Page

El peso de los factores que influyen en el ranking de una página se basa en la Optimización Off-Page, especialmente en la cantidad y calidad de los enlaces que apuntan a nuestras páginas.
Fuentes de enlaces:



Factores del Dominio

Una combinación de factores on‐page y off‐page son los que se refieren a nuestro dominio en su conjunto.



Extracto del curso "SEO: estrategia de Posicionamiento" impartido por Plenummedia, empresa de tecnología especializada en marketing digital para PYMES

NOTA: el pasado día 7 de agosto Google anunciaba en un artículo en su blog para webmasters(ES) los beneficios de forzar comunicaciones HTTPs en las páginas. Por tanto, habrá que tomar este nuevo factor como variable o señal de ranking en la relevancia de las búsquedas.