Diferencias entre web y blog. ¿Qué secciones tienen? Web + blog, el tandem perfecto. Claves para tener éxito con tu blog. Cómo la usabilidad y accesibilidad van a influir en el diseño del blog. Pautas de redacción y promoción de nuestro blog.

1. Curso Blogger Profesional
Plan Nacional de Formación
Junio 2013, León
@eleonorestevez
CCóómomo tenertener unun blog eblog efectivfectivoo
parapara nuestranuestra eempresampresa

2. WEBWEB
vs.

3. Web vs Blog
¿Qué es una web?
Una página web (o página electrónica) es un documento o
informació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.

4. 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 para
adecuar 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.

5. 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 acceso
a 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).

6. 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

7. 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

8. •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

9. Evolucionan las formas de
comunicarse
Afectan a la productividad de las
empresas
Web 1.0 vs web 2.0
¿Estamos sacando partido a
nuestra web?
Web vs Blog

10. 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..

11. Blogging Corporativo

12. 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, que
son presentados en orden cronológico inverso.
•Clasificación

13. Blogs externos
Blogs Corporativos
Blog información de la empresa
Blogs internos
Blog colaborativo
Blogging corporativo
Tipos de blogs corporativos
La decisión del tipo de blog que vamos a realizar la debemos tomar en función del
enfoque 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

14. Estilos de blog corporativo
Debemos elegir un estilo que se adapte al tipo de comunicación de nuestra
empresa.
Podemos optar por un blog corporativo básico o por un formato más
elaborado o más visual, tipo Magazine.
Blogging corporativo
Tema Twenty Ten
en WordPress.com (gratuito)
Tema The Style
en WordPress.com ($68)

15. Ejemplo. ¿Web o blog?
http://www.starbucks.es/

16. Ejemplo
http://www.starbucksblog.es/

17. ¿Web o blog?
http://www.roastbrief.com.mx/

18. ¿Web o blog?
http://www.xyasociados.com/

19. Web
• Información sobre la empresa
• Servicios que ofrecen
• Ofertas y promociones
• Precios
• Dónde están
• Cómo contactar
Blogging corporativo
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

20. Como hemos visto, el blog no es sustitutivo de una web, es
complementario
El tandem perfecto en Internet es: Web + Blog
• Web -> Más corporativo
• Blog -> Más comunicativo
Blogging corporativo
Web + blog

21. 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
Blogging corporativo

22. LINKS
LINKS
LINKS
Dinamización del tráfico web
Ventajas web + blog
Blogging corporativo

23. Web
• Información sobre la
empresa
• Servicios que ofrecemos
• Ofertas y promociones
• Precios
• Dónde estamos
• Cómo contactar: formulario
Blogging corporativo
Contenidos
Sólo Blog (+corporativo)
• Contenidos: Ejemplos
de nuestros servicios,
artículos sobre el sector
Blog
• Contenidos: ejemplos
de 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?

24. • 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 hora
de 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
Blogging corporativo
• Posicionamiento SEO (Search Engine Optimization)
- Mayor número de visitas a un menor coste
- Mejora el posicionamiento de tus contenidos en los buscadores >>

25. Posicionamiento Orgánico
(SEO)
Search Engine Optimization
Enlaces Patrocinados
(SEM)
Search Engine Marketing
Posicionamiento dentro de los
resultados naturales del buscador.
Gratuito
Contratación de enlaces de texto en
buscadores
Pago por click
Google Adwords, Bing Ads
Blogging corporativo

26. • 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
Blogging corporativo
¿Qué aporta a mi negocio?

27. Claves del éxito
de un blog

28. • 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.com
http://midiominio.wordpress.com
• Habilitar los comentarios moderados
para recibir Feedback (y responderlos)

29. -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
Claves del éxito de un blog
• Redacción
-Contenidos originales
-Que sean varias las personas que escriban en el blog (blogs colaborativos)
• Organización

30. 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) >>
Claves del éxito de un blog

31. 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/
Claves del éxito de un blog

32. 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
Claves del éxito de un blog
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)

33. •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
Claves del éxito de un blog

34. En busca de la eficiencia de nuestro blog
(también aplicable a webs)
Usabilidad y diseño

35. Ya tengamos una web como un blog, tenemos que tener en cuenta
que las van a ver todo tipo de personas, por lo que debemos
diseñ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
Usabilidad y diseño
En busca de la eficiencia

36. 1.Cómo navegan los usuarios
Eye-tracking web/blog
Usabilidad y diseño
Hombre Mujer

37. 1. Cómo navegan los usuarios
Eye-tracking imágenes

38. 1. Cómo navegan los usuarios
Eye-tracking Google
Usabilidad y diseño
AHORA
ANTES

39. Conclusión: la publicidad cada
vez pasa más desapercibida
1. Cómo navegan los usuarios

40. 2. Web con buena usabilidad
Agrupar los contenidos:
Mediante categorías (a través de tags, etiquetas)
Usabilidad y diseño
http://ciudadblogger.com/
Categorías

41. 2. Web con buena usabilidad
Agrupar los contenidos:
Usabilidad y diseño
Mediante secciones (etiquetas que se clasifican en páginas)

42. 2. Web con buena usabilidad
Cumpliremos los estándares de W3C:
Es importante comprobar que el blog se ve bien con cualquier explorador
Usabilidad y diseño
Velaremos por una accesibilidad adecuada a nuestro público objetivo

45. 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ño
legible
•Bordes redondeados
•Degradados
•Iconos llamativos
Usabilidad y diseño

46. Anatomía del blog
Estas claves de usabilidad y diseño van a determinar la:

47. Ejemplos anatomía de un blog
Cabecera: logo + nombre
descripción
Menú (páginas)
Entradas/posts
Gadgets

48. 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

49. Pautas de redacción

50. Recuerda: redactar contenidos para Internet no es lo mismo que redactar
contenidos para papel. En Internet no se lee, se escanea
El usuario no tiene paciencia, las estadísticas dicen que un usuario tarda
entre 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?

51. • 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

52. 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)

53. Periodicidad
•A diario sería lo ideal
•Uno o dos post semanales es
suficiente
•Sé constante
•Dosifica para no “bombardear”
a tu comunidad: es
contraproducente
Redacción

55. Promocionar el blog corporativo
Integración con Redes Sociales mediante iconos http://ow.ly/mb2ui
Promoción

56. 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)

57. • 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

58. 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”

59. 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

60. Promoción: feed
Feed: Recuerda que para que estos gadgets funcionen tienes que tener el feed del
blog activado

61. 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)

62. 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 enlaces
Delicius https://delicious.com/
• Enlaza en tus posts a otros que aporten valor
• Promociona tu blog en la firma de tu email
Promoción

63. 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