SlideShare una empresa de Scribd logo
Optimización Web en
Wordpress
Perspectivas
@jialberola
http://www.juanignacioalberola.com
Clase sobre Optimización de Wordpress
ELECCIÓN DE HOSTING
Elección de Hosting
•Nuestra página necesita un espacio de almacenaje en Internet
•Muchas empresas nos ofrecen sus servicios de Hosting
Elección de Hosting
•Hosting → optimizado para Wordpress.
• Entorno AMP → APACHE, MySQL, PHP
• Huye de servidores IIS (Internet Information Server)
Versión >= 5.3 Versión >= 5.5
Elección de Hosting
•Pero… ¡es que Apache también tiene que estar optimizado!
• Módulos:
• mod_expires → Nos permite configurar un sistema de caché
• mod_rewrite → Nos permite URLs amigables. Suele venir por defecto activado.
•PHP → Configuración Adecuada
• Quitar exec de disable_functions en php.ini
NO SIEMPRE ES POSIBLE…
PORQUE…
Elección de Hosting
•… existen diferentes tipos de Hosting
•Hosting Compartido.
• El más habitual y barato.
• Compartimos IP con otros muchos sitios Web.
•Servidores Dedicados.
• Máquina física exclusivamente para nosotros.
•VPS.
• Es un servidor dedicado, pero virtual.
•Cloud Hosting.
• Se recogen los recursos desde diferentes máquinas
Elección de Hosting
•¿Qué necesito?
• > 1GB de espacio de almacenaje. Espacio web compartido entre Web + BD +
Email
• >= 25 procesos simultáneos.
• Transferencia mensual >= 90gigas
• Certificado SSL (Google lo premia!)
• Visor de Logs.
• FTP y Correo Electrónico
• Protocolos POP, IMAP y SMTP y WebMail.
• mySQL con posibilidad de conexión externa.
• Copias de seguridad.
Elección de Hosting
•Y SOBRE TODO
BUEN SERVICIO TÉCNICO.
SU SOPORTE ES TU
SALVAVIDAS.
INSTALANDO WORDPRESS
Instalando Wordpress
•Creando la base de datos
• El usuario NO tiene que tener todos los permisos.
• Un usuario de base de datos con todos los permisos es peligroso.
• SELECT, INSERT, UPDATE, DELETE (Para datos)
• CREATE, ALTER, DROP (Para estructura)
MAL, NO, CACA, NO TOQUES
Instalando Wordpress
•El fichero wp-config.php
•Prefijo de las tablas de la base de datos → Cambiarlo
•Con letras y números
Instalando Wordpress
•Configurando la conexión a la base de datos:
•Por favor, contraseñas SEGURAS.
•Números + Letras + Símbolos SIEMPRE que se permita.
Instalando Wordpress
•Asistente instalación de Wordpress.
•NO poner admin como usuario.
•NO poner contraseñas sencillas.
Instalando Wordpress
•El resultado en la base de datos será el siguiente.
1. Usuario de BD seguro.
2. Tablas nombradas de forma segura.
3. Usuario y password seguras para el panel de
Wordpress.
Instalando Wordpress
•Activa los enlaces permanentes en el panel de Wordpress.
•Oculta /wp-admin/ y demás rutas
• URL por defecto → Escritorio.
• Ocultarla por seguridad si nuestro proyecto es importante.
• Para ello te recomiendo:
Instalando Wordpress
•Ocultemos la versión de Wordpress
• Borra → license.txt y readme.html
• Elimina el META Generator que indica la versión de Wordpress.
• Añadiendo en functions.php → remove_action('wp_head', 'wp_generator');
ELIGIENDO PLANTILLA
Eligiendo Plantilla
Eligiendo Plantilla
•Una plantilla debería ser SOLO PRESENTACIÓN
•PRESENTACIÓN <> FUNCIONALIDAD
•Los plugins dan la FUNCIONALIDAD y la plantilla la PRESENTACIÓN
•Muchas plantillas vienen sobrecargadas:
• Decenas de shortcodes.
• Tipos de posts (equipo, portfolio, testimonios, etc).
• Scripts y hojas de estilo innecesarios.
• Efectos innecesarios.
• LENTAS, LENTAS Y LENTAS
Eligiendo Plantilla
•Consejos para elegir plantilla:
• PIENSA antes de comprar QUÉ es lo que necesitas.
• No es lo mismo un blog, que un ecommerce que una web corporativa.
• No mates moscas a cañonazos.
• NUNCA, Y REPITO, NUNCA descargues temas piratas.
• Antes de usar repositorios como Themeforest usa tiendas de temas.
• Y si tienes posibilidad, usa un Framework con Child Themes.
• Si vas a comprar en un repositorio.
• Lee los comentarios, pregunta, mira si hay soporte, el número de descargas, la
puntuación, etc.
Eligiendo Plantilla
•Páginas web lentas (debido a la cantidad de Javascript, CSS y efectos
que incorporan las plantillas).
•Imposibilidad de actualizar las plantillas sin perder los cambios
realizados. Lo que puede producir:
• Incompatibilidad de la plantilla con versiones nuevas de Wordpress.
• Incompatibilidad de plugins nuevos con la versión de la plantilla.
• En un futuro con cambios de versión de PHP puede que la plantilla deje de
funcionar.
•Mezcla de funcionalidades y presentación en las plantillas. La
funcionalidad debería ser añadida por plugins ya que al cambiar de
plantilla se pierde la funcionalidad.
PROBLEMÁTICA
Eligiendo Plantilla
•Panel de configuración diferente en cada página web que
implementamos que depende de la plantilla, y además normalmente
en inglés.
PROBLEMÁTICA
Eligiendo Plantilla
•Las plantillas no tienen código estandarizado.
•Cada plantilla tiene:
• Su propia estructura de ficheros.
• Su propia estructura de ficheros CSS.
• Sus propios Javascript.
• Exceso de ficheros incluyendo funcionalidades que no nos sirven
(woocommerce, efectos, etc)
•CONSECUENCIA: En cada proyecto web con cada plantilla diferente
toca PELEAR con un nuevo código y ajustarla a nuestro diseño
modificando el código que ha escrito un tercero imposibilitando
modificar la plantilla ni cambiar de versión de theme.
PROBLEMÁTICA
Eligiendo Plantilla
•Las hojas de estilo de las plantillas no están estandarizadas.
•Cada desarrollador coloca los estilos a su manera.
•Por ejemplo:
• Para modificar el color de la cabecera un desarrollador lo puede llamar .color-
cabecera-azul, otro lo puede llamar .cca, etc
• Con un framework siempre será .site-header para todas las webs que
implementemos
PROBLEMÁTICA
Eligiendo Plantilla
•Estamos limitando el diseño al ofrecido por la plantilla obviando
elementos de conversión.
• Posibilidad de distribuir nosotros el contenido en la web como creamos que
convierte mejor.
• Obligando al diseñador muchas veces a encajar como puede elementos en la
plantilla.
PROBLEMÁTICA
Eligiendo Plantilla
•Usa un framework como Genesis de Studiopress.
•Genesis tiene un núcleo que se actualiza independientemente de la
plantilla por lo que los cambios realizados no se ven eliminados con
cada actualización.
•Las plantillas son Child Themes (capa de presentación independientes
del núcleo).
•Estructura de ficheros limpia y estandarizada, solo modificamos el
Child Theme.
Eligiendo Plantilla
•Unificación de todo lo relacionado con el Framework bajo un menú
en Wordpress donde podemos incorporar los plugins que
desarrollemos nosotros.
•Posibilidad de crear una web en un lienzo en blanco, colocando
elementos donde queremos a través de Areas de Widgets.
•Incorporación de HOOKS (ganchos) para modificar y filtrar contenido.
•Código estandarizado (en todas las plantillas los elementos se
llamarán igual).
•Velocidad de procesamiento de los scripts PHP.
Eligiendo Plantilla
•Existencia de plugins exclusivos para este Framework.
•A destacar Cobaltapps.
• Nos permite “programar” a base de seleccionables como si de un puzzle se
tratase.
• Creación de webs con un asistente de código PHP (ahorra tiempo en
búsqueda de documentación).
• Exportar el theme creado de la base de datos a ficheros para mejorar aun
más la velocidad.
• Coste. 89$ por cada web o 239$ para webs ilimitadas.
Eligiendo Plantilla
• Ventajas Generales de Genesis.
• Genesis es un Framework desarrollado por Studiopress y tiene un coste de
58$
• Aprovechando la experiencia sobre el desarrollo en Wordpress incorpora
las siguientes características:
• Optimizado para SEO (código limpio, HTML5, velocidad de ejecución, microformatos,
responsive gracias al framework de Javascript Bootstrap).
• Actualizable con un solo clic sin variar el tema visual.
• Potencialmente seguro (uno de los desarrolladores es experto en seguridad en
Wordpress.com).
• Posibilidad de crear sitios web sin programar excesivamente.
• Compatibilidad con todos los plugins para Wordpress y algunos plugins exclusivos
para el Framework como Cobaltapps.
Eligiendo Plantilla
•Tiendas
Eligiendo Plantilla
•Para mí el equilibrio esta en BRRL
• Bonita.
• Responsive.
• Rápida.
• Ligera.
INSTALANDO PLUGINS
Instalando Plugins
•Los plugins otorgan funcionalidad a Wordpress
•Son el tunning del CMS.
•Pero hay que llevar mucho cuidado con lo que se instala.
Instalando Plugins
•Cuidado con la última fecha de mantenimiento
Instalando Plugins
•¿De quién es el plugin?
•¿Cuántas instalaciones activas tiene?
•¿Qué dice la gente?
•¿Cuál es su puntuación?
•¿Es compatible con tu versión de Wordpress?
•¿Cuáles han sido los últimos cambios?
•¿Cuándo fue la última actualización?
Instalando Plugins
LA PERFECCIÓN NO EXISTE PERO…
PODEMOS ESTAR CERCA
La Home perfecta para un Blog
La Home perfecta para un ecommerce
La Home perfecta para servicios
ELEMENTOS DE CONVERSIÓN
Elementos de Conversión
•WEB → OBJETIVO definido.
• Desde un blog personal (darme a conocer, vender mi producto,
posicionarme).
• A una web de un hotel (conseguir reservas, vender bodas, tratamientos en el
SPA).
• A un ecommerce (aumentar las ventas de la empresa).
•Objetivos ← Elementos de conversión.
Elementos de Conversión
•Urgencia (estrés en la venta)
• Quedan 2 plazas
• Hay una persona mirando este producto
• Muestra permanente de botones de Información o contacto
•Confianza
• Opiniones, reviews en sitios conocidos.
• Sellos de confianza (logos de clientes, empresas colaboradoras)
•Fotografías
• De concepto
• Que transmitan profesionalidad
Elementos de Conversión
•El regalo
• Para que la gente se suscriba tenemos que dar algo a cambio
• En Sidebar y en cada post (después)
WEB PERFORMANCE OPTIMIZATION.
CONTENTANDO A GOOGLE
WPO
•Cuando nos referimos a la WPO nos estamos refiriendo a la velocidad
de carga de la página web.
•Algunas Herramientas que nos ayudan a conocerla y nos dan
instrucciones.
• GTMetrix (http://gtmetrix.com/)
• Google PageSpeed Insights. (https://developers.google.
com/speed/pagespeed/insights/?hl=es)
• Webpage Test. (http://www.webpagetest.org/)
• Pingdom Tools. (http://tools.pingdom.com/fpt/)
WPO
•Un tiempo de carga debería ser menor a 2 segundos.
•¿Cómo lo consigo?
• Reduce el tamaño de las imágenes e indica sus dimensiones.
• Activa la compresión GZIP en el servidor.
• Activa la cache de navegador.
• Activa la cache de servidor.
• Mueve los javascript al footer. (NO SIEMPRE ES POSIBLE)
• Minimiza cantidad de ficheros JS y CSS.
• Comprime los ficheros JS y CSS..
• Minimiza el HTML.
WPO
•¿Cómo hago todo esto?
• Plugin W3 Total Cache. (https://www.w3-edge.com/products/w3-total-
cache/)
• Plugin WP Total Cache. (https://wordpress.org/plugins/wp-super-cache/)
• Configuración del servidor.
WPO
•Activar compresión GZIP.
• Podemos comprobar si una web está comprimida.
• Check GZIP Compression (http://checkgzipcompression.com/)
• What’s my IP (http://www.whatsmyip.org/http-compression-test)
• GZIP Test (http://www.gziptest.com/)
WPO
•CACHÉ
• Almacén intermedio entre el servidor y el navegador.
• Caché de servidor (Se generan páginas estáticas que se sirven evitando cada
vez el procesamiento)
• Caché de navegador (El navegador almacena los elementos de una web de
forma que no se hace una solicitud)
• W3 Total Caché nos ofrece todo esto.
WPO
•Otra optimización es la de comprimir el código HTML, JS y CSS
•Para ello podemos usar las siguientes herramientas.
• http://refresh-sf.com/ (Comprime JS, CSS y HTML).
• En el ejemplo nos hemos ahorrado: 86.1% de compresión
• Otros compresores:
• JSMin (http://www.crockford.com/javascript/jsmin.html)
• YUI Compressor (http://yui.github.io/yuicompressor/)
• Closure Compiler (http://closure-compiler.appspot.com/home)
• HTML Tidy (http://tidy.sourceforge.net/)
WPO
•¿Pero todo lo tengo que hacer manualmente?
• Obviamente no (aunque yo lo prefiero)
• W3 Total Cache también nos aplica compresiones
OPTIMIZACIÓN DE IMÁGENES
Optimización de Imágenes
•El formato debe ser gif, jpg o png
• JPG para imágenes en general (fotografías, fondos)
• PNG para imágenes planas y con transparencias (fondos, logos)
• GIF para imágenes animadas
•Cuidado con el nombre físico del fichero
• santa-barbara.jpg <> tusimo-castillo-santa-barbara-alicante.jpg
• Incluir palabras claves por las que queramos posicionar en Google
•Texto alternativo. Atributo ALT
• MUY IMPORTANTE para describir la fotografía
• Describir concisamente la imagen e incorporar la keyword
Optimización de Imágenes
•Atributo Title.
• Cuando pasamos el puntero aparece un cuadrado con el título.
• Al igual que con ALT describir la imagen
•Atributo Longdesc
• Podemos incorporar una descripción más detallada que con el atributo ALT
•El Contexto
• Rodea la imagen con texto relacionado con ella usando las keywords por las
que se quiere posicionar.
• Usa leyenda para la imagen con una descripción clara.
Optimización de Imágenes
•Dimensiones y peso
• Cuanto menos espacio ocupen, mejor para nosotros (y para Google)
• Herramienta: RIOT (Radikal Image Optimization Tool).
• Usar los tamaños adecuados (no usar 1280 x 900 para un thumbnail)
• Especificar alto y ancho para la imagen
• Plugin: EWWW Image Optimizer (https://wordpress.org/plugins/ewww-
image-optimizer/)
Optimización de Imágenes
Optimización de Imágenes
OPTIMIZACIÓN DEL SEO
Optimización del SEO
•Ventaja Wordpress → SEO
•La misma estructura del CMS nos ayuda al posicionamiento SEO.
Optimización del SEO
•Título de la Home
•Seleccionar palabra clave general por la que posicionar.
•Por ejemplo: El Blog de Wordpress Alicante.
•Cuando se busque Wordpress en Alicante se le dará más autoridad.
•Podemos cambiar el título y descripción en Ajustes → General
Optimización del SEO
•Enlaces permanentes.
•Cuidado que con IIS es más complicado.
•No evita URLs como http://www.dominio.com/?page=3
•Y nos la da como http://www.dominio.com/nombre-de-la-pagina/
Optimización del SEO
•H1 y URL
• El H1 es el título que introducimos en el nombre de la entrada
• Automáticamente se nos genera una URL (slug del H1)
• El H1 debe tener un significado semántico
• No tiene por qué coincidir con la URL
Optimización del SEO
•Categorías
• Traspaso de Autoridad
• Home → Categorias → Posts
• A esto se lo conoce como LINKJUICE
•Etiquetas
• Mejor NO usarlas
• En Google solo indexa un trozo de cada post (listado general) y puede tener
problemas con el algoritmo Panda de Google.
Optimización del SEO
•Plugin Wordpress SEO by YOAST
•Título
• Es lo que va a tener en cuenta Google para posicionar.
• Escribir una frase descriptiva incluyendo las keywords.
•Descripción
• No mejora en el posicionamiento directamente
• Su redacción es importante para atraer clics
• Cuantos más clics mejora nuestra autoridad y mejoramos en el ranking
Optimización del SEO
Optimización del SEO
•SITEMAP con Wordpress SEO by YOAST
•El sitemap es un fichero xml para indicarle a Google el contenido de
tu web.
•Se da de alta en Google Webmaster Tools.
Optimización del SEO
MOSTRAR EJEMPLO
SAN SE ACABÓ
hola@juanignacioalberola.com
http://www.juanignacioalberola.com
@jialberola

Más contenido relacionado

La actualidad más candente

Presentación webinar “Los 12 mejores trucos de velocidad para WordPress”
Presentación webinar “Los 12 mejores trucos de velocidad para WordPress”Presentación webinar “Los 12 mejores trucos de velocidad para WordPress”
Presentación webinar “Los 12 mejores trucos de velocidad para WordPress”
SiteGround España
 
Tiendas online con WordPress y WooCommerce
Tiendas online con WordPress y WooCommerceTiendas online con WordPress y WooCommerce
Tiendas online con WordPress y WooCommerce
Fernando Tellado
 
WordPress en la Educación - WordCamp Bilbao - Fernando Tellado
WordPress en la Educación - WordCamp Bilbao - Fernando TelladoWordPress en la Educación - WordCamp Bilbao - Fernando Tellado
WordPress en la Educación - WordCamp Bilbao - Fernando Tellado
Fernando Tellado
 
Mitos y realidades sobre WordPress
Mitos y realidades sobre WordPressMitos y realidades sobre WordPress
Mitos y realidades sobre WordPress
Fernando Tellado
 
Penalizaciones SEO - Conversion Thursday Zaragoza
Penalizaciones SEO - Conversion Thursday ZaragozaPenalizaciones SEO - Conversion Thursday Zaragoza
Penalizaciones SEO - Conversion Thursday Zaragoza
Conversion Thursday
 
Presentación Conversion Thursday Zaragoza - Recuperarse de una penalización SEO
Presentación Conversion Thursday Zaragoza - Recuperarse de una penalización SEOPresentación Conversion Thursday Zaragoza - Recuperarse de una penalización SEO
Presentación Conversion Thursday Zaragoza - Recuperarse de una penalización SEO
Victor Berroya
 
Presentación webinar Google AMP y WordPress
Presentación webinar Google AMP y WordPressPresentación webinar Google AMP y WordPress
Presentación webinar Google AMP y WordPress
SiteGround España
 
Como aplicar técnicas WPO para optimizar el crawl budget
Como aplicar técnicas WPO para optimizar el crawl budgetComo aplicar técnicas WPO para optimizar el crawl budget
Como aplicar técnicas WPO para optimizar el crawl budget
Raiola Networks
 
Aplicar SEO a un desarrollo WordPress [Stephen De Winter - @estudiodos]
Aplicar SEO a un desarrollo WordPress [Stephen De Winter - @estudiodos]Aplicar SEO a un desarrollo WordPress [Stephen De Winter - @estudiodos]
Aplicar SEO a un desarrollo WordPress [Stephen De Winter - @estudiodos]
Asociación Webmasters Cantabria
 
Mejora el rendimiento de tu WordPress [Javier Casares - @JavierCasares]
Mejora el rendimiento de tu WordPress [Javier Casares - @JavierCasares]Mejora el rendimiento de tu WordPress [Javier Casares - @JavierCasares]
Mejora el rendimiento de tu WordPress [Javier Casares - @JavierCasares]
Asociación Webmasters Cantabria
 
La potencia sin control no sirve de nada, claves para aprovechar el uso de Wo...
La potencia sin control no sirve de nada, claves para aprovechar el uso de Wo...La potencia sin control no sirve de nada, claves para aprovechar el uso de Wo...
La potencia sin control no sirve de nada, claves para aprovechar el uso de Wo...
Asociación Webmasters Cantabria
 
SEO Prestashop - Lo que tu cuñado nunca llegará a saber
SEO Prestashop - Lo que tu cuñado nunca llegará a saberSEO Prestashop - Lo que tu cuñado nunca llegará a saber
SEO Prestashop - Lo que tu cuñado nunca llegará a saber
Jordiob.com
 
Presentación Webinar "Los mejores trucos SEO on page para WordPress"
Presentación Webinar "Los mejores trucos SEO on page para WordPress"Presentación Webinar "Los mejores trucos SEO on page para WordPress"
Presentación Webinar "Los mejores trucos SEO on page para WordPress"
SiteGround España
 
Optimización OnPage avanzada
Optimización OnPage avanzadaOptimización OnPage avanzada
Optimización OnPage avanzada
Víctor M. Guerrero Azcona
 
Seo On Page para WordPress
Seo On Page para WordPressSeo On Page para WordPress
Seo On Page para WordPress
Ramgon [LION 1K]
 
Prepara tu web para vender por Internet
Prepara tu web para vender por InternetPrepara tu web para vender por Internet
Prepara tu web para vender por Internet
Sergio Vazquez Consultor SEO Adwords
 
Cursoseo
CursoseoCursoseo
Cursoseo
Juan Jose Ramos
 
Clinic seo eShow Madrid 2012
Clinic seo eShow Madrid 2012Clinic seo eShow Madrid 2012
Clinic seo eShow Madrid 2012
Clinic Seo
 
SEO para Prestashop
SEO para PrestashopSEO para Prestashop
SEO para Prestashop
Víctor M. Guerrero Azcona
 
Herramientas SEO para JAVASCRIPT
Herramientas SEO para JAVASCRIPTHerramientas SEO para JAVASCRIPT
Herramientas SEO para JAVASCRIPT
Laura López
 

La actualidad más candente (20)

Presentación webinar “Los 12 mejores trucos de velocidad para WordPress”
Presentación webinar “Los 12 mejores trucos de velocidad para WordPress”Presentación webinar “Los 12 mejores trucos de velocidad para WordPress”
Presentación webinar “Los 12 mejores trucos de velocidad para WordPress”
 
Tiendas online con WordPress y WooCommerce
Tiendas online con WordPress y WooCommerceTiendas online con WordPress y WooCommerce
Tiendas online con WordPress y WooCommerce
 
WordPress en la Educación - WordCamp Bilbao - Fernando Tellado
WordPress en la Educación - WordCamp Bilbao - Fernando TelladoWordPress en la Educación - WordCamp Bilbao - Fernando Tellado
WordPress en la Educación - WordCamp Bilbao - Fernando Tellado
 
Mitos y realidades sobre WordPress
Mitos y realidades sobre WordPressMitos y realidades sobre WordPress
Mitos y realidades sobre WordPress
 
Penalizaciones SEO - Conversion Thursday Zaragoza
Penalizaciones SEO - Conversion Thursday ZaragozaPenalizaciones SEO - Conversion Thursday Zaragoza
Penalizaciones SEO - Conversion Thursday Zaragoza
 
Presentación Conversion Thursday Zaragoza - Recuperarse de una penalización SEO
Presentación Conversion Thursday Zaragoza - Recuperarse de una penalización SEOPresentación Conversion Thursday Zaragoza - Recuperarse de una penalización SEO
Presentación Conversion Thursday Zaragoza - Recuperarse de una penalización SEO
 
Presentación webinar Google AMP y WordPress
Presentación webinar Google AMP y WordPressPresentación webinar Google AMP y WordPress
Presentación webinar Google AMP y WordPress
 
Como aplicar técnicas WPO para optimizar el crawl budget
Como aplicar técnicas WPO para optimizar el crawl budgetComo aplicar técnicas WPO para optimizar el crawl budget
Como aplicar técnicas WPO para optimizar el crawl budget
 
Aplicar SEO a un desarrollo WordPress [Stephen De Winter - @estudiodos]
Aplicar SEO a un desarrollo WordPress [Stephen De Winter - @estudiodos]Aplicar SEO a un desarrollo WordPress [Stephen De Winter - @estudiodos]
Aplicar SEO a un desarrollo WordPress [Stephen De Winter - @estudiodos]
 
Mejora el rendimiento de tu WordPress [Javier Casares - @JavierCasares]
Mejora el rendimiento de tu WordPress [Javier Casares - @JavierCasares]Mejora el rendimiento de tu WordPress [Javier Casares - @JavierCasares]
Mejora el rendimiento de tu WordPress [Javier Casares - @JavierCasares]
 
La potencia sin control no sirve de nada, claves para aprovechar el uso de Wo...
La potencia sin control no sirve de nada, claves para aprovechar el uso de Wo...La potencia sin control no sirve de nada, claves para aprovechar el uso de Wo...
La potencia sin control no sirve de nada, claves para aprovechar el uso de Wo...
 
SEO Prestashop - Lo que tu cuñado nunca llegará a saber
SEO Prestashop - Lo que tu cuñado nunca llegará a saberSEO Prestashop - Lo que tu cuñado nunca llegará a saber
SEO Prestashop - Lo que tu cuñado nunca llegará a saber
 
Presentación Webinar "Los mejores trucos SEO on page para WordPress"
Presentación Webinar "Los mejores trucos SEO on page para WordPress"Presentación Webinar "Los mejores trucos SEO on page para WordPress"
Presentación Webinar "Los mejores trucos SEO on page para WordPress"
 
Optimización OnPage avanzada
Optimización OnPage avanzadaOptimización OnPage avanzada
Optimización OnPage avanzada
 
Seo On Page para WordPress
Seo On Page para WordPressSeo On Page para WordPress
Seo On Page para WordPress
 
Prepara tu web para vender por Internet
Prepara tu web para vender por InternetPrepara tu web para vender por Internet
Prepara tu web para vender por Internet
 
Cursoseo
CursoseoCursoseo
Cursoseo
 
Clinic seo eShow Madrid 2012
Clinic seo eShow Madrid 2012Clinic seo eShow Madrid 2012
Clinic seo eShow Madrid 2012
 
SEO para Prestashop
SEO para PrestashopSEO para Prestashop
SEO para Prestashop
 
Herramientas SEO para JAVASCRIPT
Herramientas SEO para JAVASCRIPTHerramientas SEO para JAVASCRIPT
Herramientas SEO para JAVASCRIPT
 

Destacado

Espantapajaros trabajo
Espantapajaros trabajoEspantapajaros trabajo
Espantapajaros trabajo
Mardonio Isidro serafin
 
Cpscom2012 jianli
Cpscom2012 jianliCpscom2012 jianli
Cpscom2012 jianli
Jian Li
 
Diari del 25 de setembre de 2013
Diari del 25 de setembre de 2013Diari del 25 de setembre de 2013
Diari del 25 de setembre de 2013
Virginia Yañez Aldecoa
 
Sistema operativo
Sistema operativoSistema operativo
Sistema operativo
rosadmd11
 
Testmanagement mit Visual Studio 2013 / CodedUI / Neues aus der Produktgruppe...
Testmanagement mit Visual Studio 2013 / CodedUI / Neues aus der Produktgruppe...Testmanagement mit Visual Studio 2013 / CodedUI / Neues aus der Produktgruppe...
Testmanagement mit Visual Studio 2013 / CodedUI / Neues aus der Produktgruppe...
Nico Orschel
 
1
11
Dhtics reporte de herramientas para la creacion de un blog
Dhtics reporte de herramientas para la creacion de un blogDhtics reporte de herramientas para la creacion de un blog
Dhtics reporte de herramientas para la creacion de un blog
RobinHerdez
 
Lc lean consulting 2014
Lc lean consulting 2014 Lc lean consulting 2014
Lc lean consulting 2014
LC lean Company SRLs
 
Ocean Spray - Valencia Launch - Summer Campaign 2011. English Version
Ocean Spray - Valencia Launch -  Summer Campaign 2011. English VersionOcean Spray - Valencia Launch -  Summer Campaign 2011. English Version
Ocean Spray - Valencia Launch - Summer Campaign 2011. English Version
Messum Export
 
Informe empresas por CNA
Informe empresas por CNAInforme empresas por CNA
Informe empresas por CNA
El Mundo S. de R.L
 
Monografia de illari ontivero
Monografia de illari ontiveroMonografia de illari ontivero
Monografia de illari ontivero
puppy0202
 
Luxacion Coxo-femoral
Luxacion Coxo-femoralLuxacion Coxo-femoral
Luxacion Coxo-femoral
Ingrid Gonzalez
 
El modelo 1 a 1
El modelo 1 a 1El modelo 1 a 1
El modelo 1 a 1
Pedro Roberto Casanova
 
Palestra fenicafé 2013 - Uso Racional dos Fertilizantes no Cultivo do Café
Palestra fenicafé 2013 - Uso Racional dos Fertilizantes no Cultivo do CaféPalestra fenicafé 2013 - Uso Racional dos Fertilizantes no Cultivo do Café
Palestra fenicafé 2013 - Uso Racional dos Fertilizantes no Cultivo do Café
Revista Cafeicultura
 
Josecanelo2
Josecanelo2Josecanelo2
Josecanelo2
szarth
 
Prezentace Sap World Tour 08 Final
Prezentace Sap World Tour 08 FinalPrezentace Sap World Tour 08 Final
Prezentace Sap World Tour 08 Final
Miloslav Mil
 
Keynote commodity daily report for 150213
Keynote commodity daily report for 150213Keynote commodity daily report for 150213
Keynote commodity daily report for 150213
Keynote Capitals Ltd.
 
Abejas sin aguijones
Abejas sin aguijonesAbejas sin aguijones
Abejas sin aguijones
Critylp
 
ADIVINA QUE SON ESTAS FOTOS
ADIVINA QUE SON ESTAS FOTOSADIVINA QUE SON ESTAS FOTOS
ADIVINA QUE SON ESTAS FOTOS
Miguel Cervera Lleonart
 
April 2012
April 2012April 2012

Destacado (20)

Espantapajaros trabajo
Espantapajaros trabajoEspantapajaros trabajo
Espantapajaros trabajo
 
Cpscom2012 jianli
Cpscom2012 jianliCpscom2012 jianli
Cpscom2012 jianli
 
Diari del 25 de setembre de 2013
Diari del 25 de setembre de 2013Diari del 25 de setembre de 2013
Diari del 25 de setembre de 2013
 
Sistema operativo
Sistema operativoSistema operativo
Sistema operativo
 
Testmanagement mit Visual Studio 2013 / CodedUI / Neues aus der Produktgruppe...
Testmanagement mit Visual Studio 2013 / CodedUI / Neues aus der Produktgruppe...Testmanagement mit Visual Studio 2013 / CodedUI / Neues aus der Produktgruppe...
Testmanagement mit Visual Studio 2013 / CodedUI / Neues aus der Produktgruppe...
 
1
11
1
 
Dhtics reporte de herramientas para la creacion de un blog
Dhtics reporte de herramientas para la creacion de un blogDhtics reporte de herramientas para la creacion de un blog
Dhtics reporte de herramientas para la creacion de un blog
 
Lc lean consulting 2014
Lc lean consulting 2014 Lc lean consulting 2014
Lc lean consulting 2014
 
Ocean Spray - Valencia Launch - Summer Campaign 2011. English Version
Ocean Spray - Valencia Launch -  Summer Campaign 2011. English VersionOcean Spray - Valencia Launch -  Summer Campaign 2011. English Version
Ocean Spray - Valencia Launch - Summer Campaign 2011. English Version
 
Informe empresas por CNA
Informe empresas por CNAInforme empresas por CNA
Informe empresas por CNA
 
Monografia de illari ontivero
Monografia de illari ontiveroMonografia de illari ontivero
Monografia de illari ontivero
 
Luxacion Coxo-femoral
Luxacion Coxo-femoralLuxacion Coxo-femoral
Luxacion Coxo-femoral
 
El modelo 1 a 1
El modelo 1 a 1El modelo 1 a 1
El modelo 1 a 1
 
Palestra fenicafé 2013 - Uso Racional dos Fertilizantes no Cultivo do Café
Palestra fenicafé 2013 - Uso Racional dos Fertilizantes no Cultivo do CaféPalestra fenicafé 2013 - Uso Racional dos Fertilizantes no Cultivo do Café
Palestra fenicafé 2013 - Uso Racional dos Fertilizantes no Cultivo do Café
 
Josecanelo2
Josecanelo2Josecanelo2
Josecanelo2
 
Prezentace Sap World Tour 08 Final
Prezentace Sap World Tour 08 FinalPrezentace Sap World Tour 08 Final
Prezentace Sap World Tour 08 Final
 
Keynote commodity daily report for 150213
Keynote commodity daily report for 150213Keynote commodity daily report for 150213
Keynote commodity daily report for 150213
 
Abejas sin aguijones
Abejas sin aguijonesAbejas sin aguijones
Abejas sin aguijones
 
ADIVINA QUE SON ESTAS FOTOS
ADIVINA QUE SON ESTAS FOTOSADIVINA QUE SON ESTAS FOTOS
ADIVINA QUE SON ESTAS FOTOS
 
April 2012
April 2012April 2012
April 2012
 

Similar a Clase sobre Optimización de Wordpress

Wordpress
WordpressWordpress
Wordpress
Fabian RN
 
Servidores.pptx
Servidores.pptxServidores.pptx
Servidores.pptx
Carlos Paredes
 
AWS Summit Mexico City 2018 - Usando Elastic Beanstalk
AWS Summit Mexico City 2018 - Usando Elastic BeanstalkAWS Summit Mexico City 2018 - Usando Elastic Beanstalk
AWS Summit Mexico City 2018 - Usando Elastic Beanstalk
Mauro Parra-Miranda
 
Creación de tiendas woo commerce y páginas web - Ender, Factoría de Software
Creación de tiendas woo commerce y páginas web - Ender, Factoría de SoftwareCreación de tiendas woo commerce y páginas web - Ender, Factoría de Software
Creación de tiendas woo commerce y páginas web - Ender, Factoría de Software
Jonathan Estrella
 
Gestores de contenido
Gestores de contenidoGestores de contenido
Gestores de contenido
charlescastilla
 
Diapositiva de Wordpress
Diapositiva de WordpressDiapositiva de Wordpress
Diapositiva de Wordpress
gustavocesde valencia quintero
 
Wordpress
WordpressWordpress
Migraciones en WordPress
Migraciones en WordPressMigraciones en WordPress
Migraciones en WordPress
Alejandro Gil Mialdea
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
cheve5
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
cheve5
 
Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.
Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.
Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.
SalonMiEmpresa
 
Word press - ventajas, inconvenientes y trucos - Ender
Word press - ventajas, inconvenientes y trucos - EnderWord press - ventajas, inconvenientes y trucos - Ender
Word press - ventajas, inconvenientes y trucos - Ender
Jonathan Estrella
 
Migración Joomla 1.5 a 2.5/3.x
Migración Joomla 1.5 a 2.5/3.xMigración Joomla 1.5 a 2.5/3.x
Migración Joomla 1.5 a 2.5/3.x
jachavesnaranjo
 
Presentacion webuzzle
Presentacion webuzzlePresentacion webuzzle
Presentacion webuzzle
Webuzzle
 
Oscommerce
OscommerceOscommerce
Oscommerce
Diego Espinoza
 
Glosario de WordPress
Glosario de WordPressGlosario de WordPress
Glosario de WordPress
Pedro Bermudez Talavera
 
SEO para Blogs - SEO para Mamás Blogueras en Berga Resort
SEO para Blogs - SEO para Mamás Blogueras en Berga ResortSEO para Blogs - SEO para Mamás Blogueras en Berga Resort
SEO para Blogs - SEO para Mamás Blogueras en Berga Resort
Rodrigo.Marketing
 
¿Qué es wordpress (1)
¿Qué es wordpress (1)¿Qué es wordpress (1)
¿Qué es wordpress (1)
angie vanesa guerrero puentes
 
Rendimiento y velocidad en WordPress
Rendimiento y velocidad en WordPress Rendimiento y velocidad en WordPress
Rendimiento y velocidad en WordPress
Dani Reguera Bakhache
 
Como mejorar-la-velocidad-de-tu-wordpress
Como mejorar-la-velocidad-de-tu-wordpressComo mejorar-la-velocidad-de-tu-wordpress
Como mejorar-la-velocidad-de-tu-wordpress
Victor Manuel Arias Zayas
 

Similar a Clase sobre Optimización de Wordpress (20)

Wordpress
WordpressWordpress
Wordpress
 
Servidores.pptx
Servidores.pptxServidores.pptx
Servidores.pptx
 
AWS Summit Mexico City 2018 - Usando Elastic Beanstalk
AWS Summit Mexico City 2018 - Usando Elastic BeanstalkAWS Summit Mexico City 2018 - Usando Elastic Beanstalk
AWS Summit Mexico City 2018 - Usando Elastic Beanstalk
 
Creación de tiendas woo commerce y páginas web - Ender, Factoría de Software
Creación de tiendas woo commerce y páginas web - Ender, Factoría de SoftwareCreación de tiendas woo commerce y páginas web - Ender, Factoría de Software
Creación de tiendas woo commerce y páginas web - Ender, Factoría de Software
 
Gestores de contenido
Gestores de contenidoGestores de contenido
Gestores de contenido
 
Diapositiva de Wordpress
Diapositiva de WordpressDiapositiva de Wordpress
Diapositiva de Wordpress
 
Wordpress
WordpressWordpress
Wordpress
 
Migraciones en WordPress
Migraciones en WordPressMigraciones en WordPress
Migraciones en WordPress
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Dreamweaver
DreamweaverDreamweaver
Dreamweaver
 
Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.
Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.
Jonathan Estrella. Ender. Wordpress: Ventajas, inconvenientes y trucos.
 
Word press - ventajas, inconvenientes y trucos - Ender
Word press - ventajas, inconvenientes y trucos - EnderWord press - ventajas, inconvenientes y trucos - Ender
Word press - ventajas, inconvenientes y trucos - Ender
 
Migración Joomla 1.5 a 2.5/3.x
Migración Joomla 1.5 a 2.5/3.xMigración Joomla 1.5 a 2.5/3.x
Migración Joomla 1.5 a 2.5/3.x
 
Presentacion webuzzle
Presentacion webuzzlePresentacion webuzzle
Presentacion webuzzle
 
Oscommerce
OscommerceOscommerce
Oscommerce
 
Glosario de WordPress
Glosario de WordPressGlosario de WordPress
Glosario de WordPress
 
SEO para Blogs - SEO para Mamás Blogueras en Berga Resort
SEO para Blogs - SEO para Mamás Blogueras en Berga ResortSEO para Blogs - SEO para Mamás Blogueras en Berga Resort
SEO para Blogs - SEO para Mamás Blogueras en Berga Resort
 
¿Qué es wordpress (1)
¿Qué es wordpress (1)¿Qué es wordpress (1)
¿Qué es wordpress (1)
 
Rendimiento y velocidad en WordPress
Rendimiento y velocidad en WordPress Rendimiento y velocidad en WordPress
Rendimiento y velocidad en WordPress
 
Como mejorar-la-velocidad-de-tu-wordpress
Como mejorar-la-velocidad-de-tu-wordpressComo mejorar-la-velocidad-de-tu-wordpress
Como mejorar-la-velocidad-de-tu-wordpress
 

Último

Gestores de referencia Bibliografica: ZOTERO, MENDELAY
Gestores de referencia Bibliografica: ZOTERO, MENDELAYGestores de referencia Bibliografica: ZOTERO, MENDELAY
Gestores de referencia Bibliografica: ZOTERO, MENDELAY
EmilDiaz14
 
fundamentos fisicos de los rayos x y su historia
fundamentos fisicos de los rayos x  y su historiafundamentos fisicos de los rayos x  y su historia
fundamentos fisicos de los rayos x y su historia
sleykersparraga
 
Recueerdos para exposiciones de las regiones
Recueerdos para exposiciones de las regionesRecueerdos para exposiciones de las regiones
Recueerdos para exposiciones de las regiones
hellenvasquezflores2
 
La biografia de la vida de Mark Zuckerberg.pptx
La biografia de la vida de Mark Zuckerberg.pptxLa biografia de la vida de Mark Zuckerberg.pptx
La biografia de la vida de Mark Zuckerberg.pptx
AndrsDavidRiosJaen
 
La computadora breve información y descripción
La computadora breve información y descripciónLa computadora breve información y descripción
La computadora breve información y descripción
istlfnaventasimone
 
MAT 12.07.pptxvdcs vcxv vcxxv vxcv cxzx vcxv
MAT 12.07.pptxvdcs vcxv vcxxv vxcv cxzx vcxvMAT 12.07.pptxvdcs vcxv vcxxv vxcv cxzx vcxv
MAT 12.07.pptxvdcs vcxv vcxxv vxcv cxzx vcxv
fernandacabello4
 
inteligencia artificial y su concepto(IA)
inteligencia artificial y su concepto(IA)inteligencia artificial y su concepto(IA)
inteligencia artificial y su concepto(IA)
ciaraguadalupe248
 
Presentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia ArtificialPresentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia Artificial
carlosripalda21
 
GUZMANSORIANO_JIMENA_M1S3AI6.pptx LAS TIC EN LA VIDA COTIDIANA
GUZMANSORIANO_JIMENA_M1S3AI6.pptx LAS TIC EN LA VIDA COTIDIANAGUZMANSORIANO_JIMENA_M1S3AI6.pptx LAS TIC EN LA VIDA COTIDIANA
GUZMANSORIANO_JIMENA_M1S3AI6.pptx LAS TIC EN LA VIDA COTIDIANA
241577809
 
#1 - Laurelin Paige - Sierra Simone - Porn Star.pdf
#1 - Laurelin Paige - Sierra Simone - Porn Star.pdf#1 - Laurelin Paige - Sierra Simone - Porn Star.pdf
#1 - Laurelin Paige - Sierra Simone - Porn Star.pdf
valentina664684
 
Caso real de la NASA, en donde se presenta una experiencia ocurrida el 27 de ...
Caso real de la NASA, en donde se presenta una experiencia ocurrida el 27 de ...Caso real de la NASA, en donde se presenta una experiencia ocurrida el 27 de ...
Caso real de la NASA, en donde se presenta una experiencia ocurrida el 27 de ...
jazmingodoy529
 

Último (11)

Gestores de referencia Bibliografica: ZOTERO, MENDELAY
Gestores de referencia Bibliografica: ZOTERO, MENDELAYGestores de referencia Bibliografica: ZOTERO, MENDELAY
Gestores de referencia Bibliografica: ZOTERO, MENDELAY
 
fundamentos fisicos de los rayos x y su historia
fundamentos fisicos de los rayos x  y su historiafundamentos fisicos de los rayos x  y su historia
fundamentos fisicos de los rayos x y su historia
 
Recueerdos para exposiciones de las regiones
Recueerdos para exposiciones de las regionesRecueerdos para exposiciones de las regiones
Recueerdos para exposiciones de las regiones
 
La biografia de la vida de Mark Zuckerberg.pptx
La biografia de la vida de Mark Zuckerberg.pptxLa biografia de la vida de Mark Zuckerberg.pptx
La biografia de la vida de Mark Zuckerberg.pptx
 
La computadora breve información y descripción
La computadora breve información y descripciónLa computadora breve información y descripción
La computadora breve información y descripción
 
MAT 12.07.pptxvdcs vcxv vcxxv vxcv cxzx vcxv
MAT 12.07.pptxvdcs vcxv vcxxv vxcv cxzx vcxvMAT 12.07.pptxvdcs vcxv vcxxv vxcv cxzx vcxv
MAT 12.07.pptxvdcs vcxv vcxxv vxcv cxzx vcxv
 
inteligencia artificial y su concepto(IA)
inteligencia artificial y su concepto(IA)inteligencia artificial y su concepto(IA)
inteligencia artificial y su concepto(IA)
 
Presentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia ArtificialPresentación sobre la Inteligencia Artificial
Presentación sobre la Inteligencia Artificial
 
GUZMANSORIANO_JIMENA_M1S3AI6.pptx LAS TIC EN LA VIDA COTIDIANA
GUZMANSORIANO_JIMENA_M1S3AI6.pptx LAS TIC EN LA VIDA COTIDIANAGUZMANSORIANO_JIMENA_M1S3AI6.pptx LAS TIC EN LA VIDA COTIDIANA
GUZMANSORIANO_JIMENA_M1S3AI6.pptx LAS TIC EN LA VIDA COTIDIANA
 
#1 - Laurelin Paige - Sierra Simone - Porn Star.pdf
#1 - Laurelin Paige - Sierra Simone - Porn Star.pdf#1 - Laurelin Paige - Sierra Simone - Porn Star.pdf
#1 - Laurelin Paige - Sierra Simone - Porn Star.pdf
 
Caso real de la NASA, en donde se presenta una experiencia ocurrida el 27 de ...
Caso real de la NASA, en donde se presenta una experiencia ocurrida el 27 de ...Caso real de la NASA, en donde se presenta una experiencia ocurrida el 27 de ...
Caso real de la NASA, en donde se presenta una experiencia ocurrida el 27 de ...
 

Clase sobre Optimización de Wordpress

  • 4. Elección de Hosting •Nuestra página necesita un espacio de almacenaje en Internet •Muchas empresas nos ofrecen sus servicios de Hosting
  • 5. Elección de Hosting •Hosting → optimizado para Wordpress. • Entorno AMP → APACHE, MySQL, PHP • Huye de servidores IIS (Internet Information Server) Versión >= 5.3 Versión >= 5.5
  • 6. Elección de Hosting •Pero… ¡es que Apache también tiene que estar optimizado! • Módulos: • mod_expires → Nos permite configurar un sistema de caché • mod_rewrite → Nos permite URLs amigables. Suele venir por defecto activado. •PHP → Configuración Adecuada • Quitar exec de disable_functions en php.ini NO SIEMPRE ES POSIBLE… PORQUE…
  • 7. Elección de Hosting •… existen diferentes tipos de Hosting •Hosting Compartido. • El más habitual y barato. • Compartimos IP con otros muchos sitios Web. •Servidores Dedicados. • Máquina física exclusivamente para nosotros. •VPS. • Es un servidor dedicado, pero virtual. •Cloud Hosting. • Se recogen los recursos desde diferentes máquinas
  • 8. Elección de Hosting •¿Qué necesito? • > 1GB de espacio de almacenaje. Espacio web compartido entre Web + BD + Email • >= 25 procesos simultáneos. • Transferencia mensual >= 90gigas • Certificado SSL (Google lo premia!) • Visor de Logs. • FTP y Correo Electrónico • Protocolos POP, IMAP y SMTP y WebMail. • mySQL con posibilidad de conexión externa. • Copias de seguridad.
  • 9. Elección de Hosting •Y SOBRE TODO BUEN SERVICIO TÉCNICO. SU SOPORTE ES TU SALVAVIDAS.
  • 11. Instalando Wordpress •Creando la base de datos • El usuario NO tiene que tener todos los permisos. • Un usuario de base de datos con todos los permisos es peligroso. • SELECT, INSERT, UPDATE, DELETE (Para datos) • CREATE, ALTER, DROP (Para estructura) MAL, NO, CACA, NO TOQUES
  • 12. Instalando Wordpress •El fichero wp-config.php •Prefijo de las tablas de la base de datos → Cambiarlo •Con letras y números
  • 13. Instalando Wordpress •Configurando la conexión a la base de datos: •Por favor, contraseñas SEGURAS. •Números + Letras + Símbolos SIEMPRE que se permita.
  • 14. Instalando Wordpress •Asistente instalación de Wordpress. •NO poner admin como usuario. •NO poner contraseñas sencillas.
  • 15. Instalando Wordpress •El resultado en la base de datos será el siguiente. 1. Usuario de BD seguro. 2. Tablas nombradas de forma segura. 3. Usuario y password seguras para el panel de Wordpress.
  • 16. Instalando Wordpress •Activa los enlaces permanentes en el panel de Wordpress. •Oculta /wp-admin/ y demás rutas • URL por defecto → Escritorio. • Ocultarla por seguridad si nuestro proyecto es importante. • Para ello te recomiendo:
  • 17. Instalando Wordpress •Ocultemos la versión de Wordpress • Borra → license.txt y readme.html • Elimina el META Generator que indica la versión de Wordpress. • Añadiendo en functions.php → remove_action('wp_head', 'wp_generator');
  • 20. Eligiendo Plantilla •Una plantilla debería ser SOLO PRESENTACIÓN •PRESENTACIÓN <> FUNCIONALIDAD •Los plugins dan la FUNCIONALIDAD y la plantilla la PRESENTACIÓN •Muchas plantillas vienen sobrecargadas: • Decenas de shortcodes. • Tipos de posts (equipo, portfolio, testimonios, etc). • Scripts y hojas de estilo innecesarios. • Efectos innecesarios. • LENTAS, LENTAS Y LENTAS
  • 21. Eligiendo Plantilla •Consejos para elegir plantilla: • PIENSA antes de comprar QUÉ es lo que necesitas. • No es lo mismo un blog, que un ecommerce que una web corporativa. • No mates moscas a cañonazos. • NUNCA, Y REPITO, NUNCA descargues temas piratas. • Antes de usar repositorios como Themeforest usa tiendas de temas. • Y si tienes posibilidad, usa un Framework con Child Themes. • Si vas a comprar en un repositorio. • Lee los comentarios, pregunta, mira si hay soporte, el número de descargas, la puntuación, etc.
  • 22. Eligiendo Plantilla •Páginas web lentas (debido a la cantidad de Javascript, CSS y efectos que incorporan las plantillas). •Imposibilidad de actualizar las plantillas sin perder los cambios realizados. Lo que puede producir: • Incompatibilidad de la plantilla con versiones nuevas de Wordpress. • Incompatibilidad de plugins nuevos con la versión de la plantilla. • En un futuro con cambios de versión de PHP puede que la plantilla deje de funcionar. •Mezcla de funcionalidades y presentación en las plantillas. La funcionalidad debería ser añadida por plugins ya que al cambiar de plantilla se pierde la funcionalidad. PROBLEMÁTICA
  • 23. Eligiendo Plantilla •Panel de configuración diferente en cada página web que implementamos que depende de la plantilla, y además normalmente en inglés. PROBLEMÁTICA
  • 24. Eligiendo Plantilla •Las plantillas no tienen código estandarizado. •Cada plantilla tiene: • Su propia estructura de ficheros. • Su propia estructura de ficheros CSS. • Sus propios Javascript. • Exceso de ficheros incluyendo funcionalidades que no nos sirven (woocommerce, efectos, etc) •CONSECUENCIA: En cada proyecto web con cada plantilla diferente toca PELEAR con un nuevo código y ajustarla a nuestro diseño modificando el código que ha escrito un tercero imposibilitando modificar la plantilla ni cambiar de versión de theme. PROBLEMÁTICA
  • 25. Eligiendo Plantilla •Las hojas de estilo de las plantillas no están estandarizadas. •Cada desarrollador coloca los estilos a su manera. •Por ejemplo: • Para modificar el color de la cabecera un desarrollador lo puede llamar .color- cabecera-azul, otro lo puede llamar .cca, etc • Con un framework siempre será .site-header para todas las webs que implementemos PROBLEMÁTICA
  • 26. Eligiendo Plantilla •Estamos limitando el diseño al ofrecido por la plantilla obviando elementos de conversión. • Posibilidad de distribuir nosotros el contenido en la web como creamos que convierte mejor. • Obligando al diseñador muchas veces a encajar como puede elementos en la plantilla. PROBLEMÁTICA
  • 27. Eligiendo Plantilla •Usa un framework como Genesis de Studiopress. •Genesis tiene un núcleo que se actualiza independientemente de la plantilla por lo que los cambios realizados no se ven eliminados con cada actualización. •Las plantillas son Child Themes (capa de presentación independientes del núcleo). •Estructura de ficheros limpia y estandarizada, solo modificamos el Child Theme.
  • 28. Eligiendo Plantilla •Unificación de todo lo relacionado con el Framework bajo un menú en Wordpress donde podemos incorporar los plugins que desarrollemos nosotros. •Posibilidad de crear una web en un lienzo en blanco, colocando elementos donde queremos a través de Areas de Widgets. •Incorporación de HOOKS (ganchos) para modificar y filtrar contenido. •Código estandarizado (en todas las plantillas los elementos se llamarán igual). •Velocidad de procesamiento de los scripts PHP.
  • 29. Eligiendo Plantilla •Existencia de plugins exclusivos para este Framework. •A destacar Cobaltapps. • Nos permite “programar” a base de seleccionables como si de un puzzle se tratase. • Creación de webs con un asistente de código PHP (ahorra tiempo en búsqueda de documentación). • Exportar el theme creado de la base de datos a ficheros para mejorar aun más la velocidad. • Coste. 89$ por cada web o 239$ para webs ilimitadas.
  • 30. Eligiendo Plantilla • Ventajas Generales de Genesis. • Genesis es un Framework desarrollado por Studiopress y tiene un coste de 58$ • Aprovechando la experiencia sobre el desarrollo en Wordpress incorpora las siguientes características: • Optimizado para SEO (código limpio, HTML5, velocidad de ejecución, microformatos, responsive gracias al framework de Javascript Bootstrap). • Actualizable con un solo clic sin variar el tema visual. • Potencialmente seguro (uno de los desarrolladores es experto en seguridad en Wordpress.com). • Posibilidad de crear sitios web sin programar excesivamente. • Compatibilidad con todos los plugins para Wordpress y algunos plugins exclusivos para el Framework como Cobaltapps.
  • 32. Eligiendo Plantilla •Para mí el equilibrio esta en BRRL • Bonita. • Responsive. • Rápida. • Ligera.
  • 34. Instalando Plugins •Los plugins otorgan funcionalidad a Wordpress •Son el tunning del CMS. •Pero hay que llevar mucho cuidado con lo que se instala.
  • 35. Instalando Plugins •Cuidado con la última fecha de mantenimiento
  • 36. Instalando Plugins •¿De quién es el plugin? •¿Cuántas instalaciones activas tiene? •¿Qué dice la gente? •¿Cuál es su puntuación? •¿Es compatible con tu versión de Wordpress? •¿Cuáles han sido los últimos cambios? •¿Cuándo fue la última actualización?
  • 38. LA PERFECCIÓN NO EXISTE PERO… PODEMOS ESTAR CERCA
  • 39. La Home perfecta para un Blog
  • 40. La Home perfecta para un ecommerce
  • 41. La Home perfecta para servicios
  • 43. Elementos de Conversión •WEB → OBJETIVO definido. • Desde un blog personal (darme a conocer, vender mi producto, posicionarme). • A una web de un hotel (conseguir reservas, vender bodas, tratamientos en el SPA). • A un ecommerce (aumentar las ventas de la empresa). •Objetivos ← Elementos de conversión.
  • 44. Elementos de Conversión •Urgencia (estrés en la venta) • Quedan 2 plazas • Hay una persona mirando este producto • Muestra permanente de botones de Información o contacto •Confianza • Opiniones, reviews en sitios conocidos. • Sellos de confianza (logos de clientes, empresas colaboradoras) •Fotografías • De concepto • Que transmitan profesionalidad
  • 45. Elementos de Conversión •El regalo • Para que la gente se suscriba tenemos que dar algo a cambio • En Sidebar y en cada post (después)
  • 47. WPO •Cuando nos referimos a la WPO nos estamos refiriendo a la velocidad de carga de la página web. •Algunas Herramientas que nos ayudan a conocerla y nos dan instrucciones. • GTMetrix (http://gtmetrix.com/) • Google PageSpeed Insights. (https://developers.google. com/speed/pagespeed/insights/?hl=es) • Webpage Test. (http://www.webpagetest.org/) • Pingdom Tools. (http://tools.pingdom.com/fpt/)
  • 48. WPO •Un tiempo de carga debería ser menor a 2 segundos. •¿Cómo lo consigo? • Reduce el tamaño de las imágenes e indica sus dimensiones. • Activa la compresión GZIP en el servidor. • Activa la cache de navegador. • Activa la cache de servidor. • Mueve los javascript al footer. (NO SIEMPRE ES POSIBLE) • Minimiza cantidad de ficheros JS y CSS. • Comprime los ficheros JS y CSS.. • Minimiza el HTML.
  • 49. WPO •¿Cómo hago todo esto? • Plugin W3 Total Cache. (https://www.w3-edge.com/products/w3-total- cache/) • Plugin WP Total Cache. (https://wordpress.org/plugins/wp-super-cache/) • Configuración del servidor.
  • 50. WPO •Activar compresión GZIP. • Podemos comprobar si una web está comprimida. • Check GZIP Compression (http://checkgzipcompression.com/) • What’s my IP (http://www.whatsmyip.org/http-compression-test) • GZIP Test (http://www.gziptest.com/)
  • 51. WPO •CACHÉ • Almacén intermedio entre el servidor y el navegador. • Caché de servidor (Se generan páginas estáticas que se sirven evitando cada vez el procesamiento) • Caché de navegador (El navegador almacena los elementos de una web de forma que no se hace una solicitud) • W3 Total Caché nos ofrece todo esto.
  • 52. WPO •Otra optimización es la de comprimir el código HTML, JS y CSS •Para ello podemos usar las siguientes herramientas. • http://refresh-sf.com/ (Comprime JS, CSS y HTML). • En el ejemplo nos hemos ahorrado: 86.1% de compresión • Otros compresores: • JSMin (http://www.crockford.com/javascript/jsmin.html) • YUI Compressor (http://yui.github.io/yuicompressor/) • Closure Compiler (http://closure-compiler.appspot.com/home) • HTML Tidy (http://tidy.sourceforge.net/)
  • 53. WPO •¿Pero todo lo tengo que hacer manualmente? • Obviamente no (aunque yo lo prefiero) • W3 Total Cache también nos aplica compresiones
  • 55. Optimización de Imágenes •El formato debe ser gif, jpg o png • JPG para imágenes en general (fotografías, fondos) • PNG para imágenes planas y con transparencias (fondos, logos) • GIF para imágenes animadas •Cuidado con el nombre físico del fichero • santa-barbara.jpg <> tusimo-castillo-santa-barbara-alicante.jpg • Incluir palabras claves por las que queramos posicionar en Google •Texto alternativo. Atributo ALT • MUY IMPORTANTE para describir la fotografía • Describir concisamente la imagen e incorporar la keyword
  • 56. Optimización de Imágenes •Atributo Title. • Cuando pasamos el puntero aparece un cuadrado con el título. • Al igual que con ALT describir la imagen •Atributo Longdesc • Podemos incorporar una descripción más detallada que con el atributo ALT •El Contexto • Rodea la imagen con texto relacionado con ella usando las keywords por las que se quiere posicionar. • Usa leyenda para la imagen con una descripción clara.
  • 57. Optimización de Imágenes •Dimensiones y peso • Cuanto menos espacio ocupen, mejor para nosotros (y para Google) • Herramienta: RIOT (Radikal Image Optimization Tool). • Usar los tamaños adecuados (no usar 1280 x 900 para un thumbnail) • Especificar alto y ancho para la imagen • Plugin: EWWW Image Optimizer (https://wordpress.org/plugins/ewww- image-optimizer/)
  • 61. Optimización del SEO •Ventaja Wordpress → SEO •La misma estructura del CMS nos ayuda al posicionamiento SEO.
  • 62. Optimización del SEO •Título de la Home •Seleccionar palabra clave general por la que posicionar. •Por ejemplo: El Blog de Wordpress Alicante. •Cuando se busque Wordpress en Alicante se le dará más autoridad. •Podemos cambiar el título y descripción en Ajustes → General
  • 63. Optimización del SEO •Enlaces permanentes. •Cuidado que con IIS es más complicado. •No evita URLs como http://www.dominio.com/?page=3 •Y nos la da como http://www.dominio.com/nombre-de-la-pagina/
  • 64. Optimización del SEO •H1 y URL • El H1 es el título que introducimos en el nombre de la entrada • Automáticamente se nos genera una URL (slug del H1) • El H1 debe tener un significado semántico • No tiene por qué coincidir con la URL
  • 65. Optimización del SEO •Categorías • Traspaso de Autoridad • Home → Categorias → Posts • A esto se lo conoce como LINKJUICE •Etiquetas • Mejor NO usarlas • En Google solo indexa un trozo de cada post (listado general) y puede tener problemas con el algoritmo Panda de Google.
  • 66. Optimización del SEO •Plugin Wordpress SEO by YOAST •Título • Es lo que va a tener en cuenta Google para posicionar. • Escribir una frase descriptiva incluyendo las keywords. •Descripción • No mejora en el posicionamiento directamente • Su redacción es importante para atraer clics • Cuantos más clics mejora nuestra autoridad y mejoramos en el ranking
  • 68. Optimización del SEO •SITEMAP con Wordpress SEO by YOAST •El sitemap es un fichero xml para indicarle a Google el contenido de tu web. •Se da de alta en Google Webmaster Tools.