SlideShare une entreprise Scribd logo
1  sur  54
Télécharger pour lire hors ligne
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 veremos La Coctelera
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
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 no la tenemos, la creamos y accedemos a blogger.com CON NUESTRO USUARIO
Y CONTRASEÑA DE GMAIL
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 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
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,
¿Quiénes Somos?, Contacto
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º
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
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
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
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
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 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º
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
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ísticas de tráfico web
1º
3º
Blogger
2º
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º
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.com)
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.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
Es la plataforma de blogging en la nube (http://es.wordpress.com), con la que trabajaremos
en clase
Tiene mejor SEO
WordPress.com
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 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
• 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
• 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
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
•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
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 aparecerán los campos
donde introduciremos el mail (o
usuario) y contraseñ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 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

Contenu connexe

Tendances

Curso Wordpress - Tutorial Wordpress
Curso Wordpress - Tutorial WordpressCurso Wordpress - Tutorial Wordpress
Curso Wordpress - Tutorial WordpressOscar García
 
Como publicar en blogger
Como publicar en bloggerComo publicar en blogger
Como publicar en bloggerverarex
 
Tema 3 informatica blogs [35984] (1)
Tema 3 informatica blogs [35984] (1)Tema 3 informatica blogs [35984] (1)
Tema 3 informatica blogs [35984] (1)manuele jesule
 
Tutorial cómo crear y administrar un blog
Tutorial   cómo crear y administrar un blogTutorial   cómo crear y administrar un blog
Tutorial cómo crear y administrar un blogYaninaSp
 
10 pasos para crear un blog en Wordpress
10 pasos para crear un blog en Wordpress10 pasos para crear un blog en Wordpress
10 pasos para crear un blog en Wordpressmarenas
 
Sencillo manual de wordpress.com
Sencillo manual de wordpress.comSencillo manual de wordpress.com
Sencillo manual de wordpress.comdigitalde
 
Manual incio wordpres
Manual incio wordpresManual incio wordpres
Manual incio wordpresytaty
 
La Nueva Interfaz de Weebly
La Nueva Interfaz de WeeblyLa Nueva Interfaz de Weebly
La Nueva Interfaz de Weeblymariajesusmusica
 

Tendances (15)

Curso Wordpress - Tutorial Wordpress
Curso Wordpress - Tutorial WordpressCurso Wordpress - Tutorial Wordpress
Curso Wordpress - Tutorial Wordpress
 
Como publicar en blogger
Como publicar en bloggerComo publicar en blogger
Como publicar en blogger
 
manual practico sobre el uso de wordpress
manual practico sobre el uso de wordpressmanual practico sobre el uso de wordpress
manual practico sobre el uso de wordpress
 
Tema 3 informatica blogs [35984] (1)
Tema 3 informatica blogs [35984] (1)Tema 3 informatica blogs [35984] (1)
Tema 3 informatica blogs [35984] (1)
 
Tutorial cómo crear y administrar un blog
Tutorial   cómo crear y administrar un blogTutorial   cómo crear y administrar un blog
Tutorial cómo crear y administrar un blog
 
Crear un blog
Crear un blogCrear un blog
Crear un blog
 
10 pasos para crear un blog en Wordpress
10 pasos para crear un blog en Wordpress10 pasos para crear un blog en Wordpress
10 pasos para crear un blog en Wordpress
 
Sencillo manual de wordpress.com
Sencillo manual de wordpress.comSencillo manual de wordpress.com
Sencillo manual de wordpress.com
 
Blogs (Blogger)
Blogs (Blogger)Blogs (Blogger)
Blogs (Blogger)
 
Manual incio wordpres
Manual incio wordpresManual incio wordpres
Manual incio wordpres
 
Blogger
BloggerBlogger
Blogger
 
Wordpress
WordpressWordpress
Wordpress
 
La Nueva Interfaz de Weebly
La Nueva Interfaz de WeeblyLa Nueva Interfaz de Weebly
La Nueva Interfaz de Weebly
 
Manual de-blogger
Manual de-bloggerManual de-blogger
Manual de-blogger
 
Manual blogger
Manual bloggerManual blogger
Manual blogger
 

En vedette

Concepto de blogger
Concepto de bloggerConcepto de blogger
Concepto de bloggeryomy1
 
Como acceder al blog
Como acceder al blogComo acceder al blog
Como acceder al blogverarex
 
Facebook herramientaeducativa1
Facebook herramientaeducativa1Facebook herramientaeducativa1
Facebook herramientaeducativa1EncuentroEducacion
 
Funcionamiento de la herramienta blogger
Funcionamiento de la herramienta bloggerFuncionamiento de la herramienta blogger
Funcionamiento de la herramienta bloggerCasilda1
 
Qué es un blog educativo
Qué es un blog educativoQué es un blog educativo
Qué es un blog educativostreyuka
 
Que es un blog y como crearlo
Que es un blog y como crearloQue es un blog y como crearlo
Que es un blog y como crearlomilc2011
 
Pasos para crear un blog en blogger.com
Pasos para crear un blog en blogger.comPasos para crear un blog en blogger.com
Pasos para crear un blog en blogger.compapersh21
 
Ventajas y Desventajas del Facebook
Ventajas y Desventajas del FacebookVentajas y Desventajas del Facebook
Ventajas y Desventajas del Facebookcrl_villami
 
Pasos para utilizar Slideshare
Pasos para utilizar SlidesharePasos para utilizar Slideshare
Pasos para utilizar SlideshareJorge Díaz
 
Publicar una presentación de Slideshare en Blogger
Publicar una presentación de Slideshare en BloggerPublicar una presentación de Slideshare en Blogger
Publicar una presentación de Slideshare en BloggerKoldo Parra
 
Uso educativo de los blogs
Uso educativo de los blogsUso educativo de los blogs
Uso educativo de los blogsTíscar Lara
 
ventajas y desventajas de facebook como herramienta educativa
ventajas y desventajas de facebook como herramienta educativaventajas y desventajas de facebook como herramienta educativa
ventajas y desventajas de facebook como herramienta educativaAnna Ordóñez
 

En vedette (18)

8 funciones de blogger
8 funciones de blogger8 funciones de blogger
8 funciones de blogger
 
Concepto de blogger
Concepto de bloggerConcepto de blogger
Concepto de blogger
 
Blogger
BloggerBlogger
Blogger
 
Clase 6 construccion blogger
Clase 6  construccion bloggerClase 6  construccion blogger
Clase 6 construccion blogger
 
Como acceder al blog
Como acceder al blogComo acceder al blog
Como acceder al blog
 
Facebook herramientaeducativa1
Facebook herramientaeducativa1Facebook herramientaeducativa1
Facebook herramientaeducativa1
 
Funcionamiento de la herramienta blogger
Funcionamiento de la herramienta bloggerFuncionamiento de la herramienta blogger
Funcionamiento de la herramienta blogger
 
Qué es un blog educativo
Qué es un blog educativoQué es un blog educativo
Qué es un blog educativo
 
Que es un blog y como crearlo
Que es un blog y como crearloQue es un blog y como crearlo
Que es un blog y como crearlo
 
Educaplay
EducaplayEducaplay
Educaplay
 
Como utilizar blogger
Como utilizar bloggerComo utilizar blogger
Como utilizar blogger
 
Pasos para crear un blog en blogger.com
Pasos para crear un blog en blogger.comPasos para crear un blog en blogger.com
Pasos para crear un blog en blogger.com
 
Ventajas y Desventajas del Facebook
Ventajas y Desventajas del FacebookVentajas y Desventajas del Facebook
Ventajas y Desventajas del Facebook
 
Pasos para utilizar Slideshare
Pasos para utilizar SlidesharePasos para utilizar Slideshare
Pasos para utilizar Slideshare
 
Blog
BlogBlog
Blog
 
Publicar una presentación de Slideshare en Blogger
Publicar una presentación de Slideshare en BloggerPublicar una presentación de Slideshare en Blogger
Publicar una presentación de Slideshare en Blogger
 
Uso educativo de los blogs
Uso educativo de los blogsUso educativo de los blogs
Uso educativo de los blogs
 
ventajas y desventajas de facebook como herramienta educativa
ventajas y desventajas de facebook como herramienta educativaventajas y desventajas de facebook como herramienta educativa
ventajas y desventajas de facebook como herramienta educativa
 

Similaire à Curso Blogger_herramientas de blogging

Cómo montar tu sitio en Internet con wordpress– Deporte y Web Social
Cómo montar tu sitio en Internet  con wordpress– Deporte y Web SocialCómo montar tu sitio en Internet  con wordpress– Deporte y Web Social
Cómo montar tu sitio en Internet con wordpress– Deporte y Web Socialdigitalde
 
Manual incio wordpres1
Manual incio wordpres1Manual incio wordpres1
Manual incio wordpres1aventur
 
Manual incio wordpres1
Manual incio wordpres1Manual incio wordpres1
Manual incio wordpres1Lika07
 
Manual incio wordpres2
Manual incio wordpres2Manual incio wordpres2
Manual incio wordpres2d mv
 
Manual incio wordpress
Manual incio wordpressManual incio wordpress
Manual incio wordpresspablotapia1234
 
Manual incio wordpres2
Manual incio wordpres2Manual incio wordpres2
Manual incio wordpres2Lika07
 
Cómo aprovechar mejor Wordpress - Daniel Monleón
Cómo aprovechar mejor Wordpress - Daniel Monleón Cómo aprovechar mejor Wordpress - Daniel Monleón
Cómo aprovechar mejor Wordpress - Daniel Monleón Comunica2 Campus Gandia
 
Danielmonlenwordpress 111108064200-phpapp02
Danielmonlenwordpress 111108064200-phpapp02Danielmonlenwordpress 111108064200-phpapp02
Danielmonlenwordpress 111108064200-phpapp02Anna Beneyto
 
Iniciación a Wordpress #EmprendeTools
Iniciación a Wordpress #EmprendeToolsIniciación a Wordpress #EmprendeTools
Iniciación a Wordpress #EmprendeToolsAlejandro Gil Mialdea
 
Cómo montar tu sitio en Internet – Día 4
Cómo montar tu sitio en Internet – Día 4Cómo montar tu sitio en Internet – Día 4
Cómo montar tu sitio en Internet – Día 4digitalde
 
Manual Básico de Wordpress
Manual Básico de WordpressManual Básico de Wordpress
Manual Básico de WordpressMonica Delgado
 
Manual incio wordpres
Manual incio wordpresManual incio wordpres
Manual incio wordpresMbros365
 
Semana #2 crear páginas web y blogs
Semana #2 crear páginas web y blogsSemana #2 crear páginas web y blogs
Semana #2 crear páginas web y blogsJuan Luna
 

Similaire à Curso Blogger_herramientas de blogging (20)

Cómo montar tu sitio en Internet con wordpress– Deporte y Web Social
Cómo montar tu sitio en Internet  con wordpress– Deporte y Web SocialCómo montar tu sitio en Internet  con wordpress– Deporte y Web Social
Cómo montar tu sitio en Internet con wordpress– Deporte y Web Social
 
Curso de blogs 2
Curso de blogs 2Curso de blogs 2
Curso de blogs 2
 
Iniciación a wordpress
Iniciación a wordpressIniciación a wordpress
Iniciación a wordpress
 
Manual incio wordpres1
Manual incio wordpres1Manual incio wordpres1
Manual incio wordpres1
 
Manual incio wordpres1
Manual incio wordpres1Manual incio wordpres1
Manual incio wordpres1
 
Manual incio wordpres2
Manual incio wordpres2Manual incio wordpres2
Manual incio wordpres2
 
Manual incio wordpress
Manual incio wordpressManual incio wordpress
Manual incio wordpress
 
Manual incio wordpres2
Manual incio wordpres2Manual incio wordpres2
Manual incio wordpres2
 
Cómo aprovechar mejor Wordpress - Daniel Monleón
Cómo aprovechar mejor Wordpress - Daniel Monleón Cómo aprovechar mejor Wordpress - Daniel Monleón
Cómo aprovechar mejor Wordpress - Daniel Monleón
 
Danielmonlenwordpress 111108064200-phpapp02
Danielmonlenwordpress 111108064200-phpapp02Danielmonlenwordpress 111108064200-phpapp02
Danielmonlenwordpress 111108064200-phpapp02
 
Iniciación a Wordpress #EmprendeTools
Iniciación a Wordpress #EmprendeToolsIniciación a Wordpress #EmprendeTools
Iniciación a Wordpress #EmprendeTools
 
Cómo montar tu sitio en Internet – Día 4
Cómo montar tu sitio en Internet – Día 4Cómo montar tu sitio en Internet – Día 4
Cómo montar tu sitio en Internet – Día 4
 
Wordpress
WordpressWordpress
Wordpress
 
Manual Básico de Wordpress
Manual Básico de WordpressManual Básico de Wordpress
Manual Básico de Wordpress
 
manual wordpress
manual wordpressmanual wordpress
manual wordpress
 
Manual wordpress para autores nov2010
Manual wordpress para autores nov2010Manual wordpress para autores nov2010
Manual wordpress para autores nov2010
 
Manual incio wordpres
Manual incio wordpresManual incio wordpres
Manual incio wordpres
 
Manual wordpress para administradores nov2010
Manual wordpress para administradores nov2010Manual wordpress para administradores nov2010
Manual wordpress para administradores nov2010
 
Semana #2 crear páginas web y blogs
Semana #2 crear páginas web y blogsSemana #2 crear páginas web y blogs
Semana #2 crear páginas web y blogs
 
Manual de usuario
Manual de usuarioManual de usuario
Manual de usuario
 

Curso Blogger_herramientas de blogging

  • 1. Herramientas de Blogging Curso Blogger Profesional Junio 2013, León @eleonorestevez
  • 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. 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.
  • 5. Características de Blogger Blogger Nueva interfaz desde el 19 de septiembre de 2012
  • 7. 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
  • 10. • 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
  • 11. Cómo añadir plugins externos PEGAR Blogger
  • 12. 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
  • 13. 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º
  • 14. 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
  • 15. 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
  • 16. 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
  • 17. 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
  • 18. Creación de páginas por categorías (etiquetas) 1º Blogger 2º Esta vez haremos clic sobre “Dirección web”
  • 19. 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º
  • 20. 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
  • 23. 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º
  • 24. 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º
  • 25.
  • 27. Ejemplos Ejemplo Blog personal sobre un tema concreto http://siquierounabodalowcost.wordpress.com/
  • 28. Características (WordPress.org + WordPress.com) WordPress
  • 29. WordPress Y, en WordPress.org: ¡26.116 plugins disponibles! http://wordpress.org/plugins/ Características (WordPress.org + WordPress.com)
  • 31. 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
  • 32. Es la plataforma de blogging en la nube (http://es.wordpress.com), con la que trabajaremos en clase Tiene mejor SEO WordPress.com
  • 33. WordPress.com no permite utilizar Google Analytics pero tiene su propio paquete de Estadísticas WordPress.com
  • 38. 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
  • 39. • 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
  • 40. • 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
  • 41. 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
  • 42. •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
  • 43. WordPress actualiza continuamente sus plugins ¡Nosotros también debemos actualizarlos! Plugins WordPress.org
  • 44. Construcción de un blog con WordPress.com
  • 45. Crear blog Accedemos a http://es.wordpress.com WordPress.com
  • 48. 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
  • 54. 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