Taller Práctico de Creación, Desarrollo
y Mejora de Blogs para Pymes y
Emprendedores
@merchanjavier
Descubrir los requisitos recomendables que debe tener un Blog hoy
día para competir en Internet.
Sacar el máximo rendimiento al software libre.
Que es un Blog, tipos de Blog y porque usarlo.
Plataformas para la Creación y Gestión de Blogs: WordPress
Conocer cuando usar WP.COM y WP.ORG
Aprender la instalación de un CMS como Wordpress
Conocer los aspectos fundamentales de Wordpress que nos ayuden a
comprender mejor el funcionamiento de una web y su relación con los
buscadores.
¿QUE VAMOS A VER?
2.Introducción a los blogs
Como sacar el máximo partido a
mi blog
Que es un bloguero
Tipos de Blogs
1. Personal
“Blog escrito por una sola persona y que promocionasu marca personal”
1. Corporativo
”…Soporte de una empresa, con el fin de contribuir aque alcance sus objetivos corporativos…”
7
Antes de empezar
• Saber que requiere constancia y tiempo
• Pensar y repensar la temática y el objetivo.
• Planificar la estrategia
Definir un objetivo global
• ¿qué quieres conseguir con tu blog? Define un objetivo que quieres lograr y dónde quieres estar después de los primeros 6 meses.
Definir un objetivo global
Objetivo del blog
Planifica la estrategia del Blog
• En que trabajo, de que soy experto y de que me gusta hablar. Elige una temática que te apasione.
• Palabras Clave alrededor de mi tema.• Target potencial y futuro• Productos y servicios principales que interesan a
mis lectores.• Estudio de la competencia. Que hacen y que no
hacen: En que puedo diferenciarme.• Quien conozco y puedo colaborar
Planifica la estrategia del Blog
• Encuentra tu nicho
Que me aporta el nicho
• Creas una marca
• Es más fácil captar seguidores
• La publicidad es más segmentada y puedes cobrar más
Planifica la estrategia del Blog
• Y establece tu
contenido de valor y
POSICIONALOS
Programa tus horarios
• Fija tareas semanales y ponte alertas.
• Establece tus horarios para publicar al menos 2-3 veces por semana.
• Hay que intentar conseguir mucho contenido al principio para comenzar bien.
Evitar errores de principiante
• Hacer autobombo y promocionar el blog sin tener aún contenidos de valor e imagen definitiva.
• Dedicar tu atención en las palabras claves y el SEO y olvidarte de atraer la atención del lector.
• Dedica tiempo al titulo.
• Formato escaneable rápida lectura.
1. Breve Introducción sobre CMS
HERRAMIENTAS DE BLOGGING
¿Qué es un CMS?
• Sistema de Gestión de Contenidos
“…programa que permite crear una estructura desoporte (framework) para la creación yadministración de contenidos, principalmenteen páginas web, por parte de los administradores,editores, participantes y demás roles…” “…controlauna o varias bases de datos donde se aloja elcontenido …”
CMS Para Blogs
¿Porqué Wordpress?
• Software de Código Abierto
• Herramienta de blogs más utilizada de su segmento.
• Está en desarrollo continuo y muy activo.
• La tecnología antispam de Akismet
• Facilidad de uso
• Gran capacidad de Posicionamiento SEO
Ejemplos de Blogs con WordPress
WP.COM VS WP.ORG
WORDPRESS.COM
• Gratuito lo + básico
• Fácil de empezar
• Mantenimiento externo
• Anuncios
• Poca Personalización
• Nombre de plantillas y
WP en footer
• No plugins
WORDPRESS.ORG
• Millones de Temas y
Plugins
• Personalización Total
• Integración de Flash,
otras webs, reservas, …
• Control de los archivos y
BBDD.
• Hay que aprender ….
Cuando WP.COM
• Para blogs muy sencillos.
• Para proyectos personales.
• Cuando no se tiene apoyo o tiempo para mantener el blog.
• Cuando no importa la personalización.
• No tienes muchas visitas.
Cuando WP.ORG
• Para proyectos profesionales.
• Cuando queremos diferenciación.
• Para proyectos más complejos.
• Para web y blogs en varios idiomas.
• Para usar plugins que potencian nuestro plan de e-Marketing: Newsletter, CRM, Integración de sistemas, etc..
Herramientas para crear un BLOG
• Dominio
• Servidor, Alojamiento, Hosting.
• Software de Blogging: WordPress
• Servicio de Newsletter
Vamos a ver
WORDPRESS.ORG
Dominio
• Es el identificador único de un sitio web. Registramos un dominio para dar una dirección donde encontrar mi web: www.dominio.com
• Un dominio traduce una IP (192.0.32.10 ) para que sea fácilmente reconocible y memorizable.
• La extensión nos proporciona información:
.es
.com
.org
.edu
.gov
.xxx ,etc…
1. INTRODUCCIÓN AL DISEÑO WEB Y CMS
Hosting/ Alojamiento web
• Espacio donde se alberga el Blog
• Localizado en ….
• Tamaño: Alojamiento compartido vs dedicado.
• La importancia de un buen alojamiento (No Gratuito): capacidad, velocidad, seguridad
• Alojar multimedia en terceros
• Un Alojamiento puede albergar varios Blogs
• WordPress.com esta autogestionado.
Requisitos para Wordpress
Linux
1 Base de datos
MySQL 5.0 o superior
PHP 5.2.4 o superior
Espacio web + de 500 MB
Elegir un servidor
Elegir un servidor
Elegir un servidor
Instalación en 1&1
1.- COMPRAR EL PACK BÁSICO PARA UNA WEB
• Para empezar está bien el 1 & 1 Dual Basico http://ow.ly/j9c7R
Recordar que tiene que ser LINUX
• Elegir nuestro dominio o comprobar su disponibilidad más tarde.
2.-ACCEDER AL PANEL DE CONTROL
3.- CREAR LA BASE DE DATOS
Pulsar en nueva base de datos
Escribir una descripción y una contraseña
• ( recordar apuntarla bien)
Apuntar los siguientes datos que os dan de la BBDD en un bloc de notas:
Pulsar en Vista General y después ir a INICIO
4.- VAMOS A DESCARGAR WORDPRESS
http://es.wordpress.org
/
5.- SUBIR WORDPRESS A GESTIÓN DE ARCHIVOS
Cargar el archivo en formato zip,talcual lo hemos descargado de la web
• Y pulsamos enviar para que se suba.
Descomprimir el archivo en la carpeta raíz (es la carpeta / )
Podemos cambiarle el nombre a la carpeta
• Para cambiar el nombre pulsamos con el botón derecho en la carpeta wordpress. Yo le he puesto el nombre web y queda así:
6.- DIRECCIONAR EL DOMINIO HACIA NUESTROS ARCHIVOS
• Ir a INICIO – DOMINIOS y pulsar sobre DESTINO del el dominio que nos prestan en 1&1 mientras nos decidimos por uno ( que es algo así s355552561.mialojamiento.es )
Y modificar su destino hacia nuestra carpeta que alberga los archivos
Escribir el dominio real o prestado en el NAVEGADOR
• Y nos aparece esto ( si no es así, esperar unos 5 minutos y repetir)
Pulsar en Crear un archivo de configuración y en Vamos
a ello!
Twitter/MKG20 - Javier Merchán
La mayoría de los CMS funcionan de la siguiente manera:
→Necesitamos un servidor web con capacidad de procesado PHP y un
servidor de Base de Datos MYSQL.
+ ARCHIVOS PHP BBDD
UNIÓN DE ARCHIVOS CON BASE DE DATOS
7.- UNIR ARCHIVOS CON LA BBDD• Lo último es introducir los datos que hemos copiado en el bloc de notas y
que corresponden a la información de la BBDD
db355522279
db355522279
db395552279db.1and1.com
Contraseña de la BBDD
CAMBIAR PREFIJO POR
SEGURIDAD
El prefijo de la Base de Datos
• El prefijo de la base de datos conviene cambiarlo por temas de seguridad.
• Podemos poner las letras que queramos exceptuando la ñ.
• Es recomendable terminar con _ para dividir el prefijo del nombre de la tabla.
8.- DATOS DE ACCESO A NUESTRO PANEL DE ADMINISTRACIÓN
• Configurar los datos de acceso al panel de administración de Wordpress y el título de nuestra web.
PULSAR INSTALAR WORDPRESS
Twitter/MKG20 - Javier Merchán
Gestionar el Contenido
Twitter/MKG20 - Javier Merchán
Acceder en www.midominio.com/wp-admin
Twitter/MKG20 - Javier Merchán
WordPress 3.8: El Escritorio
Twitter/MKG20 - Javier Merchán
Pulsando en el nombre
de la web arriba a la
izquierda nos lleva al
Front End
Parte Frontal y Escritorio
Twitter/MKG20 - Javier Merchán
Así es al principio nuestro blog
Twitter/MKG20 - Javier Merchán
Descubriendo el Escritorio
• Menú de Navegación del panel de control
Actualizaciones
• Para actualizar SIEMPRE debemos tener una copia deseguridad de nuestro Wordpress.
Entradas, Categorías, Páginas
Entradas:
• Lo usamos para el contenido de actualización periódica como noticias, novedades, artículos, promociones, etc…
• Entran con fuerza pero se diluyen
Categorías:
• Lo usamos para ordenar y clasificar las entradas.
• Pueden dividirse según diferentes criterios que elije el autor: tema, localización, segmento, etc…
• Ej: Futbol,Baloncesto, Motor,
• Ej: Web, SMM, LOPD
Entradas, Categorías, Páginas
Entradas, Categorías, PáginasPáginas:
• Lo usamos para publicar contenido estático y descriptivo.
• Está siempre a la vista.
• Ej: Acerca de, Aviso Legal, Quienes somos, nuestros productos
Twitter/MKG20 - Javier Merchán
EntradasPara gestionar el contenido dinámico
Twitter/MKG20 - Javier Merchán
Entradas: Tienen un editor de contenidos muy intuitivo. Las
entradas se ordenan por categorías. Podemos Añadir entradas o
modificar una existente.
Twitter/MKG20 - Javier Merchán
Añadir una Entrada:
•Vista Visual o HTML para conocedores de código.
•Texto en negrita, cursiva, tamaño, viñetas, gramática, …
•Botón para ver más opciones
•Hipervinculos
•Linea de leer más
•Comilla de Cita
•Pegar desde un word u otra web.
•Subir o insertar imágenes, videos u objetos.
•Integrarla en una categoría
•Publicar o Guardar como borrador
•Programar su publicación.
•Establecer contraseña: Entrada privada
Tipos de hipervinculos
• _blank — nueva ventana o pestaña.
• _top — ventana o pestaña actual, sin marcos.
“Usaremos Blank para enlaces a otras webs externas y Top para enlaces propios, ya que seguiremos teniendo al visitante en nuestra web”
Twitter/MKG20 - Javier Merchán
IMAGEN DESTACADA
APORTAN DISEÑO SEGÚN PLANTILLAS
Twitter/MKG20 - Javier Merchán
IMAGEN DESTACADA
SE CONVIERTEN EN MINIATURAS O BANNERS
Twitter/MKG20 - Javier Merchán
Dependiendo del tema instalado tendremos más o menos funciones
para las entradas. También los plugins que instalamos muestran sus
herramientas de trabajo en esta pantalla, que se regula en OPCIONES
DE PANTALLA
Categorías: Organiza tus entradas
Librería Multimedia• Es aquí donde se almacenan y se gestionan las
imágenes, pdf, videos y otros documentos subidos.
Twitter/MKG20 - Javier Merchán
Añadir nuevo archivo Multimedia
•Podemos subir archivos desde aquí o desde la
entrada o página donde irá publicado. Arrastra
el archivo y suelta.
•Puedes subir varios archivos a la vez
Páginas: Organización del contenido Estático
Twitter/MKG20 - Javier Merchán
Páginas: La edición es igual a la de una entrada. Se le puede asignar
una plantilla predeterminada, que según el TEMA tendrá más
variedad.
Twitter/MKG20 - Javier Merchán
PÁGINAS
Publicar
Para publicar, programar o guardar borrador. Permite crear entradas privadas.
Aquí también permite enviar la página a la papelera
Atributos de página
Ubicación de la página en el menú.
Posición que irá en el menu
Tipo de página que queremos publicar. Premium.
Imagen destacada
La imagen que se usa para presentar la página.
En algunos temas sirve para las miniaturas
Twitter/MKG20 - Javier Merchán
Lista de comentarios recibidos y gestión de los
mismos
Comentarios
Descubriendo el Escritorio
Menús: La barra de Navegación
• Los Menús Personalizados te permiten colocar las páginas ycategorías que deben aparecer en el Menú de Navegación, yordenar su posición en el mismo.
•Para crear un menú personalizado dale un nombre y haz clic en Crearmenú.
•Después elige objetos como páginas, categorías o enlacespersonalizados de la columna izquierda para añadirlos a este menú.
•Después de añadir tus objetos, arrastra y suéltalos en el orden quedesees.
•También puedes hacer clic en cada objeto para ver opciones deconfiguración avanzadas.
•Cuando hayas terminado de crear tu menú personalizado, asegúratede hacer clic en el botón Guardar menú.
Menús: Crear un Menú
Crear Menu
Apariencia > Menu
Selecciona elementos Menu y ordenalos arrastrando
Apariencia > Menu
Ordenalos y Ubícalos en el tema
Apariencia > Menu
UBICA EL MENU
Widgets
Widgets: Los usamos para mostrar en nuestra web las funcionalidades de wordpress, del tema o de los plugins.
Tenemos widgets preinstalados
Generalmente van en el sidebar o en el Footer.
Se arrastran para activarlos.
Widgets
Widgets
Usuarios
• Aquí damos de alta a los Administradores, Editores,
Autores, Colaboradores o suscriptores
UsuariosNiveles de Permiso:
• Administrador: Acceso a todo.
• Editor: Los usuarios con este perfil puede editar y crear nuevo contenido, tienen capacidades para moderar los comentarios y responderlos, pueden modificar categorías y enlaces.
• El perfil autor permite a un usuario crear contenido, gestionarlo y publicarlo. Sin embargo, un autor no puede crear páginas, únicamente posts o entradas. Los autores también tienen capacidad de subir imágenes, archivos y material adicional al sitio web, así como eliminar o editar entradas publicadas.
• El perfil colaborador tiene la capacidad de agregar nuevo contenido. Puede añadir nuevas entradas pero no puede gestionar entradas de otros usuarios.
• Suscriptor: Solo puede leer contenido privado.
Publicar esto: Nos permite “coger prestado” facilmente texto de otras
fuentes. Funciona insertando en la barra de marcadores el enlace
PUBLICA ESTO
Importar y Exportar: Muy útil para trasladar los contenidos
(entradas, comentarios, …) de un blog a otro.
Por ejemplo de WP.COM a WP.ORG, de BLOGGER a WP, etc…
Herramientas
Twitter/MKG20 - Javier Merchán
Ajustes Generales
Twitter/MKG20 - Javier Merchán
1. Los campos en esta pantalla determinan algunas configuraciones
básicas de tu sitio.
2. La mayoría de los temas muestran el título del sitio en la parte
superior de cada página, en la barra de título del navegador, y
como nombre identificativo para los feeds. La descripción corta
también se muestra en muchos temas.
3. La URL de WordPress y la URL del sitio pueden ser las mismas
(ejemplo.com) o diferentes; por ejemplo, puedes tener los archivos
del core de WordPress en un subdirectorio
(ejemplo.com/wordpress) en vez de en el directorio raíz.
Ajustes Generales
Twitter/MKG20 - Javier Merchán
4. Si deseas que los visitantes se puedan registrar en tu sitio, en vez
de que el administrador del sitio deba registrarlos, marca la casilla
de miembros. Se otorgará un perfil predeterminado a cada nuevo
usuario. Da igual que se registren ellos mismos o que les registre
el administrador del sitio.
5. UTC quiere decir Hora universal coordinada (Coordinated
Universal Time)
6. Recuerda hacer clic en la parte inferior de la pantalla sobre el
botón Guardar cambios para que los nuevos ajustes surtan efecto
Ajustes Generales
Twitter/MKG20 - Javier Merchán
IMPORTANTE:
Dar de alta un buen Título y Descripción (SEO)
Visibilidad del sitio: Permitir que el Blog sea indexado
Enlaces permanentes: Colocar en NOMBRE DE ENTRADA (SEO)
Ajustes Generales
TEMAS – THEMES – PLANTILLAS - TEMPLATES
Twitter/MKG20 - Javier Merchán
Apariencia
• El diseño que tendrá nuestra web lo define el TEMA que tengamos instalado.
• El tema por defecto que nos viene en Wordpress es el TwentyThird y TwentyFour
• Existen miles de temas diferentes y cada tema tiene sus propias opciones de personalización.
• Los temas gratuitos dan muy poco juego y NO dan un aspecto profesional.
• Los temas Premium nos proporcionan una web bonita y con muchas posibilidades por poco dinero.
Plantillas Gratuitas
Plantillas Gratuitas
Plantillas Premium
• Los principales portales de plantillas Premium para Wordpress son las siguientes.
• WOO Themes• Studio Press• Theme Forest• Elegant Themes• Natty WP
Twitter/MKG20 - Javier Merchán
Ejemplo
Plantilla
Premiun
1 2
Subir una plantilla vía Escritorio
Activar la plantilla
Twitter/MKG20 - Javier Merchán
Apariencia: Administrar Temas
Apariencia > TEMAS
Twitter/MKG20 - Javier Merchán
Opciones del Tema: Dependen del tema
instalado. Dos ejemplos
Twenty Fourteen Elegant Themes
Plugins en WordPress
MEJORA Y DESARROLLO DEL
BLOG
Son aplicaciones que instalamos y que amplían las funciones de
Wordpress.
Plugins y Widgets
Twitter/MKG20 - Javier Merchán
Plugins Instalados
Twitter/MKG20 - Javier Merchán
Instalar Plugins
Se pueden buscar por palabras o tags
Se pueden subir si lo tenemos en nuestro PC
Ejemplo: Buscar SEO
Antes de instalar un Plugin
• Tener en cuenta si se actualiza frecuentemente
• Los Plugins pueden hacer nuestro WP más lento o crear errores de funcionamiento.
• Pueden abrir agujeros de seguridad en la web, haciendo nuestro sitio vulnerable y expuesto a cualquier tipo de ataque.
Pregúntate antes de instalar un Plugin
1. ¿Necesito instalar este plugin?
2. ¿Puedo hacer lo que necesito sin este plugin?
3. ¿Es este plugin mejor que otros similares? ¿Cuál autor cuenta con mejor reputación?
4. ¿Cuál de los plugins lleva el mejor registro de actualizaciones?
5. ¿Cuál de los plugins ha sido instalado más veces?
¿Cual elegirías?
Añadir nuevo
• Buscar, subir o instalar manualmente
Repositorio de Plugins
•Akismet
•SEO by YOAST
•Q-Translate vs WPML
•WP Super Cache
•Nexgent Gallery
•Jetpack
Algunos de los mejores Plugins para Blogs son:
•Contact Form 7 + Really Simple
Captcha
•Google XML Sitemaps
•Google Map for Wordpress
•Google Analytics for Wordpress
•Twitter Facebook Social Share
AKISMET
Plugins para idiomas
Qtranslate
• Gratuito
• Facil de instalar y
configurar.
• Traducciones básicas:
entradas, categorias,
páginas. Widgets con
codigos.
• Crea codigo sucio
WPML
• De Pago
• Dificultad media de
instalacion y
configuración.
• Traduce todo.
• Compatible con la mayor
parte de plugins
Supercache
Contact Form 7
Twitter Facebook Social Share
Plugins de Google
• Google XML Sitemaps
• Google Map for Wordpress
• Google Analytics for Wordpress
• Google Drive
WordPress SEO
WordPress SEO
WordPress SEO
Menu claro e intuitivo No hagas esperar: rápida carga: GTMETRIX Post de 350 a 500 palabras y de contenido actualizado. Botones de compartir bien visibles. Diseño sencillo , elegante y que respete y trasmita tu imagen corporativa. Lenguaje orientado al target. Invita a otros a publicar en tu blog y escribe con tu firma en otros blogs. Pon bien visibles tus otros canales de promoción: Suscripción, web, redes sociales,
etc.. Evita el contenido promocional. Formato de texto y contraste que facilite la lectura Comentarios: control y moderación Seguridad: contraseñas, actualizaciones y protecciones Optimización SEO: Robots, enlaces amigables, titulos y descripciones Aviso Legal
A tener en cuenta en tu Blog
1. INTRODUCCIÓN AL DISEÑO WEB Y CMS