Your SlideShare is downloading. ×
0
Herramientas de Blogging
Curso Blogger Profesional
Junio 2013, León
@eleonorestevez
Ejemplos
• Hay más de 40 plataformas
• Las más conocidas son Blogger y WordPress
Herramientas de blogging
• También veremo...
Ventajas
• Pre-diseño de alta calidad (plantillas y temas)
• Actualizaciones frecuentes
• Indexación y Posicionamiento
• E...
Características de Blogger
Blogger
Nueva interfaz desde el 19 de septiembre de 2012
Construcción de
un blog con
Blogger
Blogger
Crear una cuenta en Blogger
• Para entrar en la plataforma de Blogger necesitamos tener una cuenta en Gmail
• Si n...
Blogger
Gadgets que vamos a añadir
Cómo añadir gadgets
Blogger
1º
2º
3º
4º
• Para ello, entraremos con nuestro usuario y contraseña a la red social que nos
interese y, a través de los siguientes li...
Cómo añadir plugins externos
PEGAR
Blogger
Creación de páginas (menú de pestañas)
Blogger
• Podemos crear nuevas secciones (pestañas) en el menú: Catálogo, Servicios...
Creación de páginas (menú de pestañas)
1º
Blogger
2º
3º Señala “Mostrar páginas como” “Pestañas principales”
antes de guar...
Creación de páginas (menú de pestañas)
4º
Blogger
5º CONTENIDO
6º
• Crearemos una nueva página por cada sección estática q...
Creación de páginas por categorías (etiquetas)
Blogger
• Podemos crear además otras páginas que funcionen como secciones d...
Creación de páginas por categorías (etiquetas)
Blogger
• Vamos a crear la nueva
sección de contenidos cuyo
nombre se corre...
Creación de páginas por categorías (etiquetas)
Blogger
• Blogger mostrará toda la lista de posts que tenemos con esa etiqu...
Creación de páginas por categorías (etiquetas)
1º
Blogger
2º Esta vez haremos clic sobre “Dirección web”
Creación de páginas por categorías (etiquetas)
Blogger
• Ponemos nombre a la página (es recomendable que sea el mismo que ...
Creación de páginas por categorías (etiquetas)
6º
Blogger
7º
• Comprueba que continúa seleccionada la opción “Pestañas
pri...
Otros consejos
de configuración
Moderación de comentarios
Blogger
Número de visitas propias
• Vamos a indicarle a Blogger que no queremos que cuente nuestras propias visitas
en las estadís...
Cambio de la zona horaria
• Comprueba que estás publicando con la hora correcta
(zona horaria GMT+1.00 Madrid)
1º
2º Despl...
Ejemplos
Ejemplo
Blog corporativo
http://servicios.mktfan.com/blog/
Ejemplos
Ejemplo
Blog personal sobre un tema concreto
http://siquierounabodalowcost.wordpress.com/
Características (WordPress.org + WordPress.com)
WordPress
WordPress
Y, en WordPress.org: ¡26.116 plugins disponibles!
http://wordpress.org/plugins/
Características (WordPress.org +...
WordPress.org
vs
WordPress.com
WordPress.org
Es la plataforma que debemos instalar nosotros en nuestro servidor (descargando la última
versión desde http...
Es la plataforma de blogging en la nube (http://es.wordpress.com), con la que trabajaremos
en clase
Tiene mejor SEO
WordPr...
WordPress.com no permite utilizar Google Analytics pero tiene su propio
paquete de Estadísticas
WordPress.com
Widgets y Plugins
WordPress.com
WordPress.org
WordPress.org
Plugins sociales
En WordPress.com encontraremos los más básicos ya incorporados en “Widgets”
• Cuadro de me gusta en Faceb...
• Sociable: Permite compartir en las principales redes sociales los post
publicados mediante botones de Facebook, Twitter,...
• All-in-One SEO Pack: Genera etiquetas meta, nos ayuda a evitar el contenido duplicado y a realizar
ajustes a los enlaces...
Imágenes y vídeos
•Unprev: Hace que salga automáticamente en
nuestro blog un pop-up (ventana emergente) que
sugiere una en...
•WP-antiProxy: Mostrará la dirección IP de los visitantes de tu sitio web en el
caso de que se oculten detrás de un proxy
...
WordPress actualiza continuamente sus plugins
¡Nosotros también debemos actualizarlos!
Plugins WordPress.org
Construcción de
un blog con
WordPress.com
Crear blog Accedemos a http://es.wordpress.com
WordPress.com
Registro
WordPress.com
Registro
WordPress.com
Registro
WordPress.com
• Nos llegará un email para activar el blog
• Volvemos a http://es.wordpress.com y pulsamos
• Nos a...
Interfaz
WordPress.com
http://es.wordpress.com/#!/read/following/
Interfaz
WordPress.com
http://es.wordpress.com/#!/my-blogs/
WordPress.com
http://cursobloggerleon.wordpress.com/wp-admin/Interfaz
WordPress.com
Temas (plantillas)
Estadísticas WordPress.com
WordPress.com
Publicación propiedad de Eleonor Estévez bajo la
licencia Creative Commons de tipo
“Reconocimiento - No Comercial - Sin ob...
Curso Blogger_herramientas de blogging
Curso Blogger_herramientas de blogging
Upcoming SlideShare
Loading in...5
×

Curso Blogger_herramientas de blogging

559

Published on

Características de Blogger y WordPress.
Los gadgets de Blogger y los widgets de WordPress.com
Pasos para crear sendas cuentas y algunos consejos de configuración

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
559
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
26
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Curso Blogger_herramientas de blogging"

  1. 1. Herramientas de Blogging Curso Blogger Profesional Junio 2013, León @eleonorestevez
  2. 2. Ejemplos • Hay más de 40 plataformas • Las más conocidas son Blogger y WordPress Herramientas de blogging • También veremos La Coctelera
  3. 3. Ventajas • Pre-diseño de alta calidad (plantillas y temas) • Actualizaciones frecuentes • Indexación y Posicionamiento • Estadísticas integradas • Gestor de contenidos de fácil uso • Amplia disponibilidad de plugins • Excelente soporte comunitario (foros) Herramientas de Blogging
  4. 4. Características de Blogger Blogger Nueva interfaz desde el 19 de septiembre de 2012
  5. 5. Construcción de un blog con Blogger
  6. 6. Blogger Crear una cuenta en Blogger • Para entrar en la plataforma de Blogger necesitamos tener una cuenta en Gmail • Si no la tenemos, la creamos y accedemos a blogger.com CON NUESTRO USUARIO Y CONTRASEÑA DE GMAIL
  7. 7. Blogger Gadgets que vamos a añadir
  8. 8. Cómo añadir gadgets Blogger 1º 2º 3º 4º
  9. 9. • Para ello, entraremos con nuestro usuario y contraseña a la red social que nos interese y, a través de los siguientes links, obtendremos el código html que necesitamos Cómo añadir plugins externos Blogger • Podemos añadir además otros gagdets exteriores, como plugins oficiales de Facebook y Twitter https://developers.facebook.com/docs/reference/plugins https://twitter.com/settings/widgets
  10. 10. Cómo añadir plugins externos PEGAR Blogger
  11. 11. Creación de páginas (menú de pestañas) Blogger • Podemos crear nuevas secciones (pestañas) en el menú: Catálogo, Servicios, ¿Quiénes Somos?, Contacto
  12. 12. Creación de páginas (menú de pestañas) 1º Blogger 2º 3º Señala “Mostrar páginas como” “Pestañas principales” antes de guardar 4º
  13. 13. Creación de páginas (menú de pestañas) 4º Blogger 5º CONTENIDO 6º • Crearemos una nueva página por cada sección estática que deseemos introducir. Es decir, serán páginas que sólo actualizaremos puntualmente cuando, por ejemplo, cambie nuestro catálogo o actualicemos nuestros datos de contacto • Recuerda que tus actualizaciones aparecerán sólo en la página principal
  14. 14. Creación de páginas por categorías (etiquetas) Blogger • Podemos crear además otras páginas que funcionen como secciones donde sí aparezcan los contenidos que hemos publicado sobre esa temática • Para ello debemos haber puesto previamente (en nuestros posts) las etiquetas que darán nombre a cada sección
  15. 15. Creación de páginas por categorías (etiquetas) Blogger • Vamos a crear la nueva sección de contenidos cuyo nombre se corresponderá al de una de las etiquetas que hemos usado • Para ello, iremos al final de uno de nuestros posts con esa etiqueta • Haz clic sobre la etiqueta que te interese para crear la nueva sección
  16. 16. Creación de páginas por categorías (etiquetas) Blogger • Blogger mostrará toda la lista de posts que tenemos con esa etiqueta • Seleccionamos y copiamos la URL, la dirección que aparece arriba, en la barra de navegación
  17. 17. Creación de páginas por categorías (etiquetas) 1º Blogger 2º Esta vez haremos clic sobre “Dirección web”
  18. 18. Creación de páginas por categorías (etiquetas) Blogger • Ponemos nombre a la página (es recomendable que sea el mismo que el de la etiqueta para denominar la sección) • En el campo “Dirección web (URL)” pegamos el link que acabamos de copiar y guardamos. Si volvemos a nuestro blog, veremos la nueva pestaña 3º 4º 5º
  19. 19. Creación de páginas por categorías (etiquetas) 6º Blogger 7º • Comprueba que continúa seleccionada la opción “Pestañas principales” • Si quieres cambiar el orden de las pestañas, arrástralas • Debes repetir la operación para cada pestaña que quieras crear con cada etiqueta
  20. 20. Otros consejos de configuración
  21. 21. Moderación de comentarios Blogger
  22. 22. Número de visitas propias • Vamos a indicarle a Blogger que no queremos que cuente nuestras propias visitas en las estadísticas de tráfico web 1º 3º Blogger 2º
  23. 23. Cambio de la zona horaria • Comprueba que estás publicando con la hora correcta (zona horaria GMT+1.00 Madrid) 1º 2º Despliega la lista de zonas horarias 3º Modifica a Blogger 4º
  24. 24. Ejemplos Ejemplo Blog corporativo http://servicios.mktfan.com/blog/
  25. 25. Ejemplos Ejemplo Blog personal sobre un tema concreto http://siquierounabodalowcost.wordpress.com/
  26. 26. Características (WordPress.org + WordPress.com) WordPress
  27. 27. WordPress Y, en WordPress.org: ¡26.116 plugins disponibles! http://wordpress.org/plugins/ Características (WordPress.org + WordPress.com)
  28. 28. WordPress.org vs WordPress.com
  29. 29. WordPress.org Es la plataforma que debemos instalar nosotros en nuestro servidor (descargando la última versión desde http://es.wordpress.org/, cargándola en nuestro FTP y modificando el archivo “wp-config.php” para poder instalarla) O bien, comprando el dominio y el alojamiento previamente, e instalándolo después con los datos que nos facilita el proveedor (FTP, DNS, IP, etc.) Sí podemos utilizar Google AnalyticsSí podemos añadir plugins
  30. 30. Es la plataforma de blogging en la nube (http://es.wordpress.com), con la que trabajaremos en clase Tiene mejor SEO WordPress.com
  31. 31. WordPress.com no permite utilizar Google Analytics pero tiene su propio paquete de Estadísticas WordPress.com
  32. 32. Widgets y Plugins
  33. 33. WordPress.com
  34. 34. WordPress.org
  35. 35. WordPress.org
  36. 36. Plugins sociales En WordPress.com encontraremos los más básicos ya incorporados en “Widgets” • Cuadro de me gusta en Facebook: Muestra un cuadro de “Me gusta” de una fan page (propia o ajena) • Twitter Timeline: Permite añadir un plugin con nuestros últimos tuits Widgets vs Plugins
  37. 37. • Sociable: Permite compartir en las principales redes sociales los post publicados mediante botones de Facebook, Twitter, Google+ y LinkedIn • Facebook: Diferentes plugins oficiales disponibles. Facilitan diferentes opciones para compartir y destacar contenidos (publicar cada post directamente en nuestro Timeline de Facebook, mencionar a nuestros amigos en el post, etc.) • Twitter Tools: Permite una integración completa entre tu sitio web con WordPress y tu cuenta de Twitter • Really simple Facebook Twitter share buttons: Ofrece una forma fácil para integrar botones de Facebook, Twitter, LinkedIn, Google +1, Pinterest, Tumblr y de otros medios sociales en las entradas de tu sitio Plugins sociales En WordPress.org debemos añadirlos desde “Plugins” (todos los que queramos) • Social Sharing Toolkit: Permite personalizar el tamaño de los botones “Compartir” de las redes sociales que elijamos, introducir widgets para que nos sigan, etc Widgets vs Plugins
  38. 38. • All-in-One SEO Pack: Genera etiquetas meta, nos ayuda a evitar el contenido duplicado y a realizar ajustes a los enlaces o vínculos de navegación. Integración con E.Commerce • WordPress SEO by Yoast: Permite ver cómo saldrán tus posts en los resultados de búsqueda y realizar cualquier ajuste de contenido que sea necesario. Analiza las etiquetas alt, número de palabras por entrada, descripciones meta, etc. Plugins optimización SEO En WordPress.org podemos añadir multitud de plugins para mejorar nuestro SEO •SEO Content Control: Identifica los puntos débiles de tu contenido, los elementos importantes que están ausentes en tu web (descripciones meta), o encontrar y eliminar las entradas que tienen demasiado o poco contenido •SEO Smart Links: Vincula de forma automática las palabras clave de tus posts a otras páginas o entradas que ya han sido publicadas. Aumenta la vinculación interna de tu sitio web •WP Super Cache: Permite acelerar el tiempo de carga de tu sitio a través de la creación de archivos HTML estáticos para mejorar tu ranking en Google •Google XML Sitemaps: Genera un mapa del sitio XML especial que ayudará a los motores de búsqueda a indexar mejor tu sitio web Plugins WordPress.org
  39. 39. Imágenes y vídeos •Unprev: Hace que salga automáticamente en nuestro blog un pop-up (ventana emergente) que sugiere una entrada con contenido relacionado. No es configurable pero hay otras versiones como UnPrev Previous Post Animated Notification que sí lo son •Flickr Pick A Picture: Incluye un botón en el editor de entradas para insertar imágenes libres de derechos de Flickr •WP Light Box: Permitirá que nuestras fotos se maximicen en otra ventana con un fondo negro •HTML5 Video Player with Playlist: Nos posibilita utilizar fácilmente el elemento de vídeo HTML5 para permitir la reproducción de tu vídeo en tu navegador Promoción de nuestros contenidos •Related Articles: Incluye, automáticamente, al final de cada entrada un recuadro con sugerencias de otros post relacionados. Se puede configurar el número de post que se muestra y cómo queremos que se relacionen los temas (por palabras clave, por titular, por categorías) y en qué porcentaje Plugins WordPress.org Fuente: lugarzen.es
  40. 40. •WP-antiProxy: Mostrará la dirección IP de los visitantes de tu sitio web en el caso de que se oculten detrás de un proxy •Automatic Updater: Se encarga de descargar de forma automática las actualizaciones de plugins, temas/plantillas, y las actualizaciones del core de WordPress en cuanto estén disponibles •Bad Behavior: Complementa otras soluciones para el spam de enlaces. Impide que los spammers publiquen basura en tu sitio web Otros •Akismet: El anti-spam por excelencia. Bloquea los comentarios susceptibles de ser spam (Necesaria API Key proporcionada por Akismet para instalarlo) Plugins WordPress.org Prevención de ataques Monitorización de redes sociales •Social Metrics: Muestra en nuestro escritorio de WordPress.org una tabla con nuestra lista de post así como el número de veces que ha sido compartido en redes sociales
  41. 41. WordPress actualiza continuamente sus plugins ¡Nosotros también debemos actualizarlos! Plugins WordPress.org
  42. 42. Construcción de un blog con WordPress.com
  43. 43. Crear blog Accedemos a http://es.wordpress.com WordPress.com
  44. 44. Registro WordPress.com
  45. 45. Registro WordPress.com
  46. 46. Registro WordPress.com • Nos llegará un email para activar el blog • Volvemos a http://es.wordpress.com y pulsamos • Nos aparecerán los campos donde introduciremos el mail (o usuario) y contraseña
  47. 47. Interfaz WordPress.com http://es.wordpress.com/#!/read/following/
  48. 48. Interfaz WordPress.com http://es.wordpress.com/#!/my-blogs/
  49. 49. WordPress.com http://cursobloggerleon.wordpress.com/wp-admin/Interfaz
  50. 50. WordPress.com Temas (plantillas)
  51. 51. Estadísticas WordPress.com WordPress.com
  52. 52. 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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×