Seo avanzado día II

SEO Avanzado Día II
David Cerdá @dacerfer
Urbalab Gandía, 23 Septiembre 2013
Módulo IV: Leyendas urbanas sobre SEO.
MóduloV: Nuevos factores de posicionamiento.
MóduloVI:WPO, mejora de la carga de laWeb
Práctica II: Mejora del rendimiento de la página.

¡Hola..!
David Cerdá -Consultor de Marketing Online-David Cerdá -Consultor de Marketing Online-
info@seomar.es
@dacerfer
facebook.com/PosicionamientoWebValencia
linkedin.com/in/dacerfer
www.factoresPosicionamientoWeb1.com
www.seomar.es
www.davidcerda.pro
Módulos III, IV,V yVI
SEO avanzado día II - Urbalab Gandía, 23 Septiembre 2013
673297056

Módulo IV: realidades y leyendas SEO

White hatVS Black Hat

Penalizaciones I
● Redirecciones invisibles.
● Texto oculto.
● Texto enano.
● Texto repetido.
● Saturación de palabras clave.

Penalizaciones I
● Enlaces externos repetidos en exceso.
(Pinguin)
● Estructura pobre en contenido. (Panda)
● Estructura favoreciendo anuncios y no
contenido.
● Enlaces desde sitios con reputación dudosa.
(dime con quien andas y te diré cómo eres)

Nuevos factores
MóduloV: nuevos factores

Redes sociales/ SMO

Redes sociales/ SMO
● Crean comunidad a la marca.
● Fidelizan.
● Necesitan contenidos igual que una web.
● Tienen un impacto en el SEO grandisimo.
● Pueden generar nuevas oportunidades.
● SEO + SMO = buena combinación

Tiempos de carga
● Internet es límitado. Tu banda ancha es
limitada.
● El robot de Google es potente pero limitado.
● Menos tiempo de carga = sensatez.

Tiempos de carga II
Optimicemos.Optimicemos.

Tiempos de carga IV
Vuelve a optimizar.Vuelve a optimizar.

SEO local

SEO local: Google Places
● Cualquier negocio tiene relevancia local.
● Casi el 50% son búsquedas locales.
● Las búsquedas móviles locales aumentan.

● Se indexa muy bien.
● Permite interactuar muy facilmente.
● Tráfico y llamadas casi instantáneas.

● Algoritmo universal search de Google
● Año 2010.

SEO local: Google Places factores positivos
● Categoría OK.
● Cantidad de citas positivas 'reales'.
● Proximidad en la geolocalización.
● Dirección en la landing page.
● Calidad y autoridad de citaciones.
● Contenidos.
● Teléfonos y datos correctos.
● La landing page por supuesto.

SEO local: Google Places >> Go
http://www.google.es/business/placesforbusiness/http://www.google.es/business/placesforbusiness/

WEB adaptable/ responsive design
● Optimizados para una realidad imparable.

¿Funciona?¿Funciona?

● Mejora el tiempo de rebote.
● Mejora la expriencia del usuario en la página.
● Mejora los resultados entre móviles.
● Mejora tiempos de carga.
Sí.Sí.
¿Es SEO todo esto?¿Es SEO todo esto?

Responsive design
dominio.es
Subdominio optimizado m.dominio.es
Concentran trust y page rank en la misma
página.
Se comportan más como una web
diferente.
Apaptable al tipo de dispositivo. Diferencia según dispositivo.
No genera contenidos duplicados. Son dos webs diferentes. Ojo.
Ejemplo: Davidcerda.pro Ejemplo: Seomar.es

Microformatos/ microdata

Microformatos: ejemplos

Microformatos: definición
Elementos del lenguaje de marcado, qElementos del lenguaje de marcado, que aumentaue aumenta
la información a un humano mientras que para lala información a un humano mientras que para la
máquina sigue siendo texto plano.máquina sigue siendo texto plano.

Microformatos: beneficios
● Mejoran el CTR.
● Fáciles de implementar y rápidos.
● Fáciles de usar y entender.
● Permiten usar el contenido existente.
● Son la avanzadilla de la web semántica 3.0
● Enriquecen el código.
● Google los muestra.
● Hay mercado, no todas las webs los usan.

Microformatos: desventajas
● Vocabulario reducido.
● No se usa como el truco del almendruco.
● No sustituye a las buenas prácticas.

Microformatos: desventajas
● Vocabulario reducido pero en aumento.
● No se usa como el truco del almendruco.
● No sustituye a las buenas prácticas.

Microformatos: ejemplo prácticos
<div>
<span>Antonio</span>
<span>Machado</span>
</div>
HTML plano.HTML plano.
Microformatos. (ejemploVcard)Microformatos. (ejemploVcard)
<div class="vcard">
<span class="given-name">Antonio</span>
<span class="additional-name">Machado</span>
</div>

Microformatos: ejemplo prácticos
Resultado práctico.Resultado práctico.
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="me" href="https://plus.google.com/u/0/108015361468647791168/about" />
<link rel="author" href="https://plus.google.com/u/0/105903429555564821325/about" />
<link href="https://plus.google.com/u/0/b/108015361468647791168/" rel="publisher" />
Microformatos. (ejemplo Author)Microformatos. (ejemplo Author)

Microformatos: aportan valor al SEO
● rel=”nofollow”
Control de enlaces. Hay más alternativas.
● rel=“next”, rel=“canonical”, rel=“prev
Control de los elementos duplicados de la
páginación de webs dinámicas.
● Breadcrumbs.
● Events.
● Reviews.

Microformatos: “croqueta de bacalao”

Microformatos: referencias
http://www.w3.org/TR/rdf-primer/#rdfmodel
● http://es.wikipedia.org/wiki/RDF_Schema
● http://www.w3.org/TR/2004/REC-owl-
semantics-20040210/
● http://microformats.org/wiki/Main_Page

MóduloVI:WPO
WPO: web performance optimisation

MóduloVI:WPO
● Factor directo de mejora de posicionamiento.
● 57% de los clientes abandonarán el sitio antes de 3 seg. de
espera. No volverán probablemente.
● Por cada segundo de esper se pierden conversiones,
satisfacción del cliente y páginas vistas.

MóduloVI:WPO
● Firebug.
– Pagespeed.
– Yslow.
● PageSpeed Insights para Chrome.
La rapidez importa. ¿somos rápidos?La rapidez importa. ¿somos rápidos?

MóduloVI:WPO
● http://tools.pingdom.com/
● http://www.woorank.com/es/
● http://developers.google.com/speed/pagespeed/insights/
● http://www.webpagetest.org
La rapidez importa. ¿somos rápidos?La rapidez importa. ¿somos rápidos?

MóduloVI:WPO
TimeTo First Byte: aquí empieza todoTimeTo First Byte: aquí empieza todo

MóduloVI:WPO
● Habilitar Keep Alive.
● Habilitar compresión GZIP.
● Especificar cachés.
● Habilitar CDN, carga paralela de archivos.
En el servidor es crítico:En el servidor es crítico:

MóduloVI:WPO
● Sie el Keep Alive está habilitado el navegador puede
descargar más archivos a la vez.
– <ifModule mod_headers.c>
Header set Connection keep-alive
</ifModule>
1- Keep alive.1- Keep alive.

MóduloVI:WPO
● Mejora entre un 30% y un 70%.
– http://stackoverflow.com/questions/12367858/how-can-
i-get-apache-gzip-compression-to-work
2- GZIP.2- GZIP.

MóduloVI:WPO
3- Cachés.3- Cachés.
● Activar mod_expires en Apache.
– Mejora sucesivas cargas y peticiones.

MóduloVI:WPO
4- CDN.4- CDN.
● Mejora la latencia.
● Subdominio o dominio adicional= 2 descargas paralelas +
● Imágenes, JS y CSS en un subdominio adicional.
● Utilizar librerías de Google.
– https://developers.google.com/speed/libraries/devguide

MóduloVI:WPO
En los contenidos es importante.En los contenidos es importante.
● CSS sprites.
● Reducir peso imágenes.
● Minificar JS y CSS.
● Activar los recuros asíncronos posibles.
● Enviar JS posibles al footer.

MóduloVI:WPO
1- CSS sprites.1- CSS sprites.
● Un CSS sprite pesa casi igual que todas las imágenes juntas
que sustituye. Pero solo realiza una llamada.
● www.spriteme.org

MóduloVI:WPO
2- Reducir peso imágenes.2- Reducir peso imágenes.
● Eliminar EXIFs.
● Indicar dimensiones en el HTML.
● Reducir peso.
● No redimensionar la imagen, y cargarla al tamaño que es.
● Herramientas:
– Pagespeed for Chrome.
– http://smush.it/

MóduloVI:WPO
3- Minificar y combinar JS y CSS.3- Minificar y combinar JS y CSS.
● Herramientas:
– Pagespeed for Chrome.
– Firebug Firefox

MóduloVI:WPO
4- Recursos asíncronos.4- Recursos asíncronos.
● <script async type="text/javascript"
src="archivo.js"></script>

MóduloVI:WPO
Bonus track: Algoritmo Base64 AsciiBonus track: Algoritmo Base64 Ascii

MóduloVI:WPO
Bonus track: Algoritmo Base64 AsciiBonus track: Algoritmo Base64 Ascii
● Permite generar una imagen o recurso sin latencia.
● No hay nada más rápido que no haya llamada ninguna.
● Ejemplo de una llamada en el archivo CSS:
/* inline CSS usage example*/
<style type="text/css">
.logo {
background: url("<?php echo base64_encode_image ('img/logo.png','png'); ?>")
no-repeat right 5px;
} </style>

MóduloVI:WPO
Bonus track: Algoritmo Base64Bonus track: Algoritmo Base64
● Se puede generar la función en ASP, PHP.
● Ejemplo del algoritmo para PHP:
<?php function base64_encode_image ($filename=string,$filetype=string) {
if ($filename) {
$imgbinary = fread(fopen($filename, "r"), filesize($filename));
return 'data:image/' . $filetype . ';base64,' . base64_encode($imgbinary);
}} ?>

MóduloVI:WPO
Bonus track: Algoritmo Base64Bonus track: Algoritmo Base64
● Ejemplo de la carga de una imagen de un archivo PHP
haciendo la llamada al algoritmo base 64:
<div id="header-picture">
<img src="<?php echo base64_encode_image ('wp-
content/themes/theme1342/images/header-pic.jpg','jpg'); ?>"
alt="" />
</div>

Práctica II: optimización del tiempo de carga de una página web
Práctica II individual
● Utilización de las técnicas descritas en el móduloWPO.
– CSS sprites.
– Reducir peso imágenes.
– Minificar JS y CSS.
– Activar los recuros asíncronos posibles.
– Enviar JS posibles al footer.
● Herramientas:
– Utilización de Pagespeed Chrome.
– Firebug

Seo avanzado día II

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (18)

Similaire à Seo avanzado día II

Similaire à Seo avanzado día II (20)

Dernier

Dernier (13)

Seo avanzado día II