curso blogger_web vs blog, pautas de redacción y promoción

Curso Blogger Profesional

Plan Nacional de Formación

Junio 2013, León

@eleonorestevez

CCóómo mo tenertener unun blog eblog e fectivfectiv ooparapara nuestranuestra eempresampresa

WEBWEBvs.

Web vs Blog

¿Qué es una web?Una página web (o página electrónica) es un documento oinformación electrónica adaptada para la World Wide Web a la que se puede acceder mediante cualquier navegador (Chrome, Mozilla Firefox, Internet Explorer).

Estandarización : La información se encuentra generalmente en formato HTML (HyperText Markup Languaje, lenguaje de marcado hipertextual) o XHTML (eXtensible Markup Language, lenguaje de marcas extensible).

Ambos se utilizan para describir (en forma de «etiquetas», rodeadas por corchetes angulares ) y traducir la estructura y la información en forma de texto, para dar apariencia al documento así como para integrar otros objetos tales como imágenes.

El HTML puede incluir scripts (JavaScript), que puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

Web vs Blog

¿Qué es una web?

Las páginas web pueden estar almacenadas en un equipo local o un servidor web remoto. El servidor web puede restringir el acceso únicamente para redes privadas (intranet corporativa) o puede publicar las páginas en la World Wide Web.

El acceso a las páginas web es realizado mediante la transferencia de datos desde servidores utilizando el protocolo de transferencia de hipertexto (HTTP).

El World Wide Web Consortium (W3C) es un consorcio internacional que produce recomendaciones paraadecuar de forma óptima nuestra web a la World Wide Web. En su web, http://www.w3c.es, ofrece guías sobre los principales estándares para realizar encriptaciones e implementaciones con la

tecnología XML (un lenguaje desarrollado por ellos que permite definir la gramática de lenguajes específicos para estructurar documentos grandes, dando soporte a bases de datos), entre otras informaciones útiles para programadores, que pueden participar en foros y grupos de trabajo.

Web vs Blog

¿Qué es una web?

Y lo más importante: ES UNA VENTANA AL MUNDO-Un tercio de la población mundial usa Internet: de 361 millones de internautas (2000) a 2,4 mil millones (2012), lo que supone un incremento de un 566%

-Datos Instituto Nacional Estadística (2012)

El 67,9% de los hogares españoles tiene accesoa la Red, frente al 63,9% del 2011.

Dos de cada tres hogares disponen de conexión de banda ancha , un 8% más que en 2011.

La mitad de la población española utiliza Internet a diario.

El 22,3% de la población compra por Internet. En torno a 10,7 millones de españoles ha realizado operaciones de comercio electrónico en el último año (un 31% de la población de 16 a 74 años).

Web vs Blog

Tipos de webs

•Web 1.0 (1996)El consumidor sólo

recibe

información

•Web 2.0 (2006)El consumidor también

comparte información

Web 1.0 vs. Web 2.0

•Páginas estáticas

•Pocos contenidos y muy desactualizados

•Comunicación unidireccional

- Los usuarios sólo son lectores

- Poco feedback (retroalimentación)

Web vs Blog

Contenido publicado

Contenido generado por los usuarios

Tipos de webs: web 1.0

•Web colaborativa

•Los usuarios se transforman en productores

de contenido

•Aumenta la interacción con los usuarios

•Estimula y aprovecha la inteligencia

colectiva

•Contenido mejor organizado (tags,

etiquetas)

•Sitios en constante crecimiento y

transformación

Web vs Blog

Tipos de webs: web 2.0

Contenido publicado

Contenido generado por los usuarios

Evolucionan las formas de

comunicarse

Afectan a la productividad de lasempresas

Web 1.0 vs web 2.0

¿Estamos sacando partido a

nuestra web?

Web vs Blog

Expresión utilizada para promocionar las mejoras respecto a la Web 2.0 y describir la evolución del uso y la interacción de las personas en Internet.

Futuro inmediato: Web 3.0

Web vs Blog

El objetivo es transformar la red en una base de datos con el objeto de impulsar:

-Las tecnologías de inteligencia artificial(programas informáticos que buscan y procesan la información automáticamente, sin operadores humanos)

-La web semántica (intercambio de información entre estos "agentes inteligentes”). El World Wide Web Consortium (W3C) es uno de los principales impulsores.

-La web geoespacial, la web 3D, etc..

Blogging Corporativo

Blogs

•¿Qué es un Blog? bitácora, ciberbitácora, ciberdiario o weblog

-Según receptores: internos o externos

-Según contenido : texto (posts), vídeos (videoblog), audios (podcast), fotos, etc.

-Según temática

Personales: bitácora, diario

• Surgen por la necesidad de compartir nuestras vivencias y emociones

• Su utilización llega su auge en 2006

• Decaen con la propagación del uso de las redes sociales y de microblogging

Corporativos: viven una nueva época dorada desde 2012, una vez comprobada su efectividad a la hora de compartir sus contenidos en los medios sociales

Blogging corporativo

Al igual que la web, es una publicación online realizada en HTML, aunque más informal. Uno o varios autores comparten contenidos de su interés con cierta periodicidad , queson presentados en orden cronológico inverso.

•Clasificación

Blogs externos

Blogs Corporativos

Blog información de la empresaBlogs internos

Blog colaborativo


Tipos de blogs corporativos

La decisión del tipo de blog que vamos a realizar la debemos tomar en función delenfoque que le vayamos a dar (sobre qué vamos a hablar) y nuestro público objetivo (a quién queremos llegar).

Blog de marca

Blog de productos

Blog de trabajadores

Blog de eventos

Blog de sector

Estilos de blog corporativo

Debemos elegir un estilo que se adapte al tipo de comunicación de nuestraempresa.

Podemos optar por un blog corporativo básico o por un formato máselaborado o más visual, tipo Magazine.


Tema Twenty Tenen WordPress.com (gratuito)

Tema The Styleen WordPress.com ($68)

Ejemplo. ¿Web o blog?

http://www.starbucks.es/

Ejemplo

http://www.starbucksblog.es/

¿Web o blog?

http://www.roastbrief.com.mx/

¿Web o blog?

http://www.xyasociados.com/

Web

• Información sobre la empresa

• Servicios que ofrecen

• Ofertas y promociones

• Precios

• Dónde están

• Cómo contactar


Contenidos

Blog

• Ejemplos de nuestros servicios

• Historias divertidas

• Enlace al blog

• Enlace a la web

Según los ejemplos que hemos visto, podemos diferenciar distintas secciones en las webs y los blogs

Como hemos visto, el blog no es sustitutivo de una web, escomplementario

El tandem perfecto en Internet es: Web + Blog

• Web -> Más corporativo

• Blog -> Más comunicativo


Web + blog

Dinamización del tráfico web

1º Publico un post

2º Lo comparto en medios sociales para atraer a los usuarios

3º Los usuarios interesados entran en nuestro blog

(al leer el contenido)

4º El lector que desea contratar nuestros

servicios entra en la web (catálogo/contacto)

Ventajas web + blog


LINKS

LINKS

LINKS

Dinamización del tráfico web

Ventajas web + blog


Web

• Información sobre laempresa

• Servicios que ofrecemos

• Ofertas y promociones

• Precios

• Dónde estamos

• Cómo contactar: formulario


Contenidos

Sólo Blog (+corporativo)

• Contenidos: Ejemplosde nuestros servicios, artículos sobre el sector

Blog

• Contenidos: ejemplosde nuestros servicios, artículos sobre el sector, historias divertidas

• Enlace al blog

• Enlace a la web• Catálogo de servicios o productos que ofrecemos

• Dónde estamos/Contacto

• ¿Quiénes Somos?

• Imagen corporativa:

- Diseño profesional (sin necesidad de conocimientos técnicos avanzados, disponemos de plantillas)

- Ayuda a alcanzar notoriedad de marca o refuerza nuestro personal branding

• Centralizar la actividad comunicativa en un sitio: ahorro de tiempo a la horade realizar comunicaciones. Será la voz de nuestra empresa

• Mantener contacto con clientes: es una herramienta de fidelización y un canal de atención al cliente

Ventajas blog


• Posicionamiento SEO (Search Engine Optimization)- Mayor número de visitas a un menor coste- Mejora el posicionamiento de tus contenidos en los buscadores >>

Posicionamiento Orgánico(SEO)

Search Engine Optimization

Enlaces Patrocinados(SEM)

Search Engine Marketing

Posicionamiento dentro de losresultados naturales del buscador.

Gratuito

Contratación de enlaces de texto enbuscadores

Pago por click

Google Adwords, Bing Ads


• Generación de leads (contactos potenciales) BBDD y networking

• Aumento tráfico web y SEO

• Imagen de empresa innovadora

• Conexión del negocio con

redes sociales

• Un canal de comunicación


¿Qué aporta a mi negocio?

Claves del éxito

de un blog

• Tener alojamiento y URL propia (los blogs gratuitos no generan confianza)

Claves del éxito de un blog

Credibilidad

http://www.midominio.com http://midiominioblog.com

http://midominio.blogspot.comhttp://midiominio.wordpress.com

• Habilitar los comentarios moderadospara recibir Feedback (y responderlos)

-Contenido organizado por categorías

-Tener una línea de comunicación bien definida (Social Media Plan)

• Usar un lenguaje directo y sencillo• Objetivo: Ser comprendidos y generar conversación

Contenidos

-Ofrecer al lector un buscador interno de contenidos


• Redacción-Contenidos originales-Que sean varias las personas que escriban en el blog (blogs colaborativos)

• Organización

Atractivo visual• Introducir imágenes/videos en los post

• Respetar los derechos de autor:

Texto: si escribimos un post basado en otro artículo o artículos, debemos citar las fuentes originales (Google detecta contenidos duplicados)

Imágenes: no publicar cualquier imagen buscada en Google, hay bancos de imágenes, vídeos, audios (tanto de pago como gratuitos, libres de derechos)

-DE PAGO : Imágenes, vectores y vídeos es.fotolia.com (desde 0,16 €)shutterstock.com (199 €/mes, 25 imágenes al día)

-GRATUITAS (Imágenes algo desfasadas, lleva tiempo encontrar la adecuada) >>


Reciprocidad: compartiremos nuestras imágenes para que el resto de usuarios puedan usarlas

Creative Commons License

- BANCOS DE IMÁGENES GRATUITAS: normalmente con la condición de mencionar el autor y la web

Imágenes, infografías, audios: Intef (Instituto Nacional de Tecnologías Educativas y de Formación del Profesorado, del Ministerio de Educación, Cultura y Deporte)http://recursostic.educacion.es/bancoimagenes/web/

Freefoto.com > business

Libros blancos, Imágenes http://search.creativecommons.org/Flickr.com http://www.flickr.com/creativecommons/El autor establece limitaciones: atribución a realizar, usos no comerciales,

obras no derivadas

Cliparts http://openclipart.org/


Monitoriza qué sucede

• Podemos medir la efectividad del blog a través de los paquetes de “Estadísticas”

del gestor o através de un software de medición gratuito.

Ambos nos aportan datos sobre el origen del tráfico que recibimos (a través de que webs

han llegado a nosotros, el número de visitas por post, por país, etc.)

• Google Analytics http://www.google.com/intl/es/analytics/

�Se puede instalar en

Blogger y en WordPress.org

(instalado en nuestro

servidor)

No en un blog creado en

Worpress.com


Google Analytics además muestra qué visitantes tienen mayor probabilidad de suscribirse a

nuestras listas de correo, las palabras clave que más atraen a los usuarios, qué posts tienen

mayor porcentaje de rebote, etc (Veremos como funcionan más adelante)

•Ser transparente y siempre decir la

verdad (ya sea en la web, en el blog

o en nuestros perfiles en redes

sociales).

•Reconocer un error a tiempo puede

ahorrarnos una crisis de

reputación on line

•Ejemplo tuits de Pepe Phone sobre

su incumplimiento de la LOPD

Claves de éxito


En busca de la eficiencia de nuestro blog

(también aplicable a webs)

Usabilidad y diseño

Ya tengamos una web como un blog, tenemos que tener en cuenta que las van a ver todo tipo de personas, por lo que debemosdiseñarla de tal manera que sea intuitiva y fácil de utilizar.

1. Cómo navegan los usuarios

2. Cómo hacer un blog con buena usabilidad

3. Aspectos a tener en cuenta en el diseño


En busca de la eficiencia

1.Cómo navegan los usuarios

Eye-tracking web/blog


Hombre Mujer


Eye-tracking imágenes


Eye-tracking Google


AHORA

ANTES

Conclusión: la publicidad cada vez pasa más desapercibida


2. Web con buena usabilidad

Agrupar los contenidos:

Mediante categorías (a través de tags, etiquetas)


http://ciudadblogger.com/

Categorías


Agrupar los contenidos:


Mediante secciones (etiquetas que se clasifican en páginas)


Cumpliremos los estándares de W3C:

Es importante comprobar que el blog se ve bien con cualquier explorador


Velaremos por una accesibilidad adecuada a nuestro público objetivo

3. A tener en cuenta en el Diseño Gráfico

•Diseño limpio y simple

•Textos con tipografía común (Arial, TimesNewRoman, Vergara) y tamañolegible

•Bordes redondeados

•Degradados

•Iconos llamativos


Anatomía del blog

Estas claves de usabilidad y diseño van a determinar la:

Ejemplos anatomía de un blog

Cabecera: logo + nombre

descripción

Menú (páginas)

Entradas/postsGadgets

Anatomía del blog

Cómo modificar el orden en Blogger: desde “Diseño”

Cabecera

Menú

Entradas/posts

Interfaz de http://www.blogger.com

Gadgets

Pautas de redacción

Recuerda: redactar contenidos para Internet no es lo mismo que redactarcontenidos para papel. En Internet no se lee, se escanea

El usuario no tiene paciencia, las estadísticas dicen que un usuario tardaentre 4 y 6 segundos en decidir si la página le interesa

Redacción

La escritura de post debe ser:

-Clara: comprensible en una primera lectura

-Concreta: directa, sin “irse por las ramas”

-Sencilla: sin elementos superfluos

¿Cómo redactar en un blog?

• Recomendaciones generales

Cada párrafo no debe tener más de 100 palabras

En cada línea no debe haber más de 12 palabras y cada oración debe estar compuesta por menos de de 35 palabras

El post debe de tener más de 300 palabras y nunca nos pasaremos de las 600

No utilizar texto a dos columnas

Tamaño recomendado: 12 px en texto y 22px en titulares

Usar tipografías estándar

No escribir permanentemente en mayúsculas

Redacción

¿Cómo redactar en un blog?

• Tipografías legibles

El contenido es el Rey

• Publica contenido de calidad

• Anticípate a la competencia -> Más enlaces y Más visitas

• Utiliza todo tipo de formatos: Libros blancos, videos,podcast

• Redacta el contenido de una manera estructurada para favorecer el SEO-Redacta los titulares pensando en las búsquedas-Marca con negrita lo más relevante-Utiliza etiquetas (tags)

Redacción

Post recomendado: Cómo identificar las palabras clave que pueden atraer tráfico a mi blog (roastbrief.com.mx)

Periodicidad

•A diario sería lo ideal

•Uno o dos post semanales essuficiente

•Sé constante

•Dosifica para no “bombardear”a tu comunidad: es contraproducente

Redacción

Promocionar el blog corporativo

Integración con Redes Sociales mediante iconos http://ow.ly/mb2ui

Promoción

Instala plugins• Plugin (enchufable,inserción)

• Hay miles, busca e instala sólo áquellos que aporten más valor a tu blog• Actualízalos con cierta frecuencia

Promoción

• Es un complemento informático, una aplicación adicional (normalmente realizada por un tercero) que es ejecutada por la principal. Ambas interactúan por medio de una API, Application Programming Interface, Interfaz de programación de aplicaciones)

• Participa dejando comentarios: los lectores interesados en el tema verán quién lo ha realizado

- Podrán entrar en tu perfil de usuario (y acceder a tus contenidos)

- Adquirimos presencia en la red (cuidado con lo que escribimos, es público)

Cómo pomocionar el blog corporativo

Promoción

Colabora en otros blogs

• Propón un intercambio de enlaces

• Cuidado con las granjas de enlaces o link farms, están penalizadas por Google

Ejemplo procedente de

creando-blogs.blogspot.com.es

Cómo pomocionar el blog corporativo

Promoción: feed

Feed: Facilita a los lectores recibir la información en su email o suscribiéndose a través de lectores de RSS: netvibes.com, feedly.com, etc.

• Gadget “Seguir por correo electrónico”

• Gadget “Feed”

• Gadget “Enlaces de suscripción”

Promoción: feed

•Cambiando solamente la parte del html donde está el texto “Submit” y poniendo, por ejemplo, “Enviar”

•O mejorarando el gadget existente (cambiamos el idioma o modificamos el diseño) apoyándonos en un tutorial que encontremos (en Ciudadblogger.com, por ejemplo)

Aunque vamos a poder personalizarlos si modificamos el texto html

Promoción: feed

Feed: Recuerda que para que estos gadgets funcionen tienes que tener el feed del blog activado

Dinamización de contenidos

• Realiza encuestas

• Organiza concursos (siguiendo las normas)

Promoción

• Admite comentarios y contéstalos lo más rápido posible

• Al final del post añade links de "Artículos relacionados“ (propios)

Otras cosas que ayudarán en la promoción

• Contesta a los comentarios

• Usa agregadores de contenidos (viralidad)Agregadores de noticias:

Menéame http://www.meneame.net/Divúlgame http://www.divulgame.net/ (ámbito científico)MktFan http://mktfan.com/ (marketing y Social Media)

Agregadores de blogs:

Bitácoras http://bitacoras.com/

• Utiliza marcadores sociales (favoritos): Servicio gratuito para almacenar, clasificar y compartir enlacesDelicius https://delicious.com/

• Enlaza en tus posts a otros que aporten valor

• Promociona tu blog en la firma de tu email

Promoción

Publicación propiedad de Eleonor Estévez bajo la licencia

Creative Commons de tipo

“Reconocimiento - No Comercial - Sin obra derivada”

Se permite su distribución por cualquier medio bajo atribución de la autora, en usos no comerciales siempre y cuando no se realice ninguna modificación sobre ella

curso blogger_web vs blog, pautas de redacción y promoción

Business