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

Esto es todo Amigos!*** Gracias ***

@merchanjavier

jmerchan@mkg20.com