curso blogger_herramientas de blogging

54
Herramientas de Blogging Curso Blogger Profesional Junio 2013, León @eleonorestevez

Upload: eleonor-estevez

Post on 18-Nov-2014

762 views

Category:

Documents


2 download

DESCRIPTION

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

TRANSCRIPT

  • 1. Herramientas de Blogging Curso Blogger Profesional Junio 2013, Len @eleonorestevez
  • 2. Ejemplos Hay ms de 40 plataformas Las ms conocidas son Blogger y WordPress Herramientas de blogging Tambin veremos La Coctelera
  • 3. Ventajas Pre-diseo de alta calidad (plantillas y temas) Actualizaciones frecuentes Indexacin y Posicionamiento Estadsticas integradas Gestor de contenidos de fcil uso Amplia disponibilidad de plugins Excelente soporte comunitario (foros) Herramientas de Blogging
  • 4. Caractersticas de Blogger Blogger Nueva interfaz desde el 19 de septiembre de 2012
  • 5. Construccin de un blog con Blogger
  • 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 CONTRASEA DE GMAIL
  • 7. Blogger Gadgets que vamos a aadir
  • 8. Cmo aadir gadgets Blogger 1 2 3 4
  • 9. Para ello, entraremos con nuestro usuario y contrasea a la red social que nos interese y, a travs de los siguientes links, obtendremos el cdigo html que necesitamos Cmo aadir plugins externos Blogger Podemos aadir adems otros gagdets exteriores, como plugins oficiales de Facebook y Twitter https://developers.facebook.com/docs/reference/plugins https://twitter.com/settings/widgets
  • 10. Cmo aadir plugins externos PEGAR Blogger
  • 11. Creacin de pginas (men de pestaas) Blogger Podemos crear nuevas secciones (pestaas) en el men: Catlogo, Servicios, Quines Somos?, Contacto
  • 12. Creacin de pginas (men de pestaas) 1 Blogger 2 3 Seala Mostrar pginas como Pestaas principales antes de guardar 4
  • 13. Creacin de pginas (men de pestaas) 4 Blogger 5 CONTENIDO 6 Crearemos una nueva pgina por cada seccin esttica que deseemos introducir. Es decir, sern pginas que slo actualizaremos puntualmente cuando, por ejemplo, cambie nuestro catlogo o actualicemos nuestros datos de contacto Recuerda que tus actualizaciones aparecern slo en la pgina principal
  • 14. Creacin de pginas por categoras (etiquetas) Blogger Podemos crear adems otras pginas que funcionen como secciones donde s aparezcan los contenidos que hemos publicado sobre esa temtica Para ello debemos haber puesto previamente (en nuestros posts) las etiquetas que darn nombre a cada seccin
  • 15. Creacin de pginas por categoras (etiquetas) Blogger Vamos a crear la nueva seccin 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 seccin
  • 16. Creacin de pginas por categoras (etiquetas) Blogger Blogger mostrar toda la lista de posts que tenemos con esa etiqueta Seleccionamos y copiamos la URL, la direccin que aparece arriba, en la barra de navegacin
  • 17. Creacin de pginas por categoras (etiquetas) 1 Blogger 2 Esta vez haremos clic sobre Direccin web
  • 18. Creacin de pginas por categoras (etiquetas) Blogger Ponemos nombre a la pgina (es recomendable que sea el mismo que el de la etiqueta para denominar la seccin) En el campo Direccin web (URL) pegamos el link que acabamos de copiar y guardamos. Si volvemos a nuestro blog, veremos la nueva pestaa 3 4 5
  • 19. Creacin de pginas por categoras (etiquetas) 6 Blogger 7 Comprueba que contina seleccionada la opcin Pestaas principales Si quieres cambiar el orden de las pestaas, arrstralas Debes repetir la operacin para cada pestaa que quieras crear con cada etiqueta
  • 20. Otros consejos de configuracin
  • 21. Moderacin de comentarios Blogger
  • 22. Nmero de visitas propias Vamos a indicarle a Blogger que no queremos que cuente nuestras propias visitas en las estadsticas de trfico web 1 3 Blogger 2
  • 23. Cambio de la zona horaria Comprueba que ests 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. Ejemplos Ejemplo Blog corporativo http://servicios.mktfan.com/blog/
  • 25. Ejemplos Ejemplo Blog personal sobre un tema concreto http://siquierounabodalowcost.wordpress.com/
  • 26. Caractersticas (WordPress.org + WordPress.com) WordPress
  • 27. WordPress Y, en WordPress.org: 26.116 plugins disponibles! http://wordpress.org/plugins/ Caractersticas (WordPress.org + WordPress.com)
  • 28. WordPress.org vs WordPress.com
  • 29. WordPress.org Es la plataforma que debemos instalar nosotros en nuestro servidor (descargando la ltima versin desde http://es.wordpress.org/, cargndola en nuestro FTP y modificando el archivo wp-config.php para poder instalarla) O bien, comprando el dominio y el alojamiento previamente, e instalndolo despus con los datos que nos facilita el proveedor (FTP, DNS, IP, etc.) S podemos utilizar Google AnalyticsS podemos aadir plugins
  • 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. WordPress.com no permite utilizar Google Analytics pero tiene su propio paquete de Estadsticas WordPress.com
  • 32. Widgets y Plugins
  • 33. WordPress.com
  • 34. WordPress.org
  • 35. WordPress.org
  • 36. Plugins sociales En WordPress.com encontraremos los ms bsicos 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 aadir un plugin con nuestros ltimos tuits Widgets vs Plugins
  • 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 integracin completa entre tu sitio web con WordPress y tu cuenta de Twitter Really simple Facebook Twitter share buttons: Ofrece una forma fcil 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 aadirlos desde Plugins (todos los que queramos) Social Sharing Toolkit: Permite personalizar el tamao de los botones Compartir de las redes sociales que elijamos, introducir widgets para que nos sigan, etc Widgets vs Plugins
  • 38. All-in-One SEO Pack: Genera etiquetas meta, nos ayuda a evitar el contenido duplicado y a realizar ajustes a los enlaces o vnculos de navegacin. Integracin con E.Commerce WordPress SEO by Yoast: Permite ver cmo saldrn tus posts en los resultados de bsqueda y realizar cualquier ajuste de contenido que sea necesario. Analiza las etiquetas alt, nmero de palabras por entrada, descripciones meta, etc. Plugins optimizacin SEO En WordPress.org podemos aadir multitud de plugins para mejorar nuestro SEO SEO Content Control: Identifica los puntos dbiles de tu contenido, los elementos importantes que estn ausentes en tu web (descripciones meta), o encontrar y eliminar las entradas que tienen demasiado o poco contenido SEO Smart Links: Vincula de forma automtica las palabras clave de tus posts a otras pginas o entradas que ya han sido publicadas. Aumenta la vinculacin interna de tu sitio web WP Super Cache: Permite acelerar el tiempo de carga de tu sitio a travs de la creacin de archivos HTML estticos para mejorar tu ranking en Google Google XML Sitemaps: Genera un mapa del sitio XML especial que ayudar a los motores de bsqueda a indexar mejor tu sitio web Plugins WordPress.org
  • 39. Imgenes y vdeos Unprev: Hace que salga automticamente 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 botn en el editor de entradas para insertar imgenes 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 fcilmente el elemento de vdeo HTML5 para permitir la reproduccin de tu vdeo en tu navegador Promocin de nuestros contenidos Related Articles: Incluye, automticamente, al final de cada entrada un recuadro con sugerencias de otros post relacionados. Se puede configurar el nmero de post que se muestra y cmo queremos que se relacionen los temas (por palabras clave, por titular, por categoras) y en qu porcentaje Plugins WordPress.org Fuente: lugarzen.es
  • 40. WP-antiProxy: Mostrar la direccin IP de los visitantes de tu sitio web en el caso de que se oculten detrs de un proxy Automatic Updater: Se encarga de descargar de forma automtica las actualizaciones de plugins, temas/plantillas, y las actualizaciones del core de WordPress en cuanto estn 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 Prevencin de ataques Monitorizacin de redes sociales Social Metrics: Muestra en nuestro escritorio de WordPress.org una tabla con nuestra lista de post as como el nmero de veces que ha sido compartido en redes sociales
  • 41. WordPress actualiza continuamente sus plugins Nosotros tambin debemos actualizarlos! Plugins WordPress.org
  • 42. Construccin de un blog con WordPress.com
  • 43. Crear blog Accedemos a http://es.wordpress.com WordPress.com
  • 44. Registro WordPress.com
  • 45. Registro WordPress.com
  • 46. Registro WordPress.com Nos llegar un email para activar el blog Volvemos a http://es.wordpress.com y pulsamos Nos aparecern los campos donde introduciremos el mail (o usuario) y contrasea
  • 47. Interfaz WordPress.com http://es.wordpress.com/#!/read/following/
  • 48. Interfaz WordPress.com http://es.wordpress.com/#!/my-blogs/
  • 49. WordPress.com http://cursobloggerleon.wordpress.com/wp-admin/Interfaz
  • 50. WordPress.com Temas (plantillas)
  • 51. Estadsticas WordPress.com WordPress.com
  • 52. Publicacin propiedad de Eleonor Estvez bajo la licencia Creative Commons de tipo Reconocimiento - No Comercial - Sin obra derivada Se permite su distribucin por cualquier medio bajo atribucin de la autora, en usos no comerciales siempre y cuando no se realice ninguna modificacin sobre ella