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