Diferencia entre revisiones de «Usuario:Juanda/seo/Introducción»

De WikiEducator
Saltar a: navegación, buscar
(Página creada con '{{Usuario:juanda/jquerymobile/nav }} {{#widget:Slides}} {{MiTitulo| Curso de jQuery Mobile}} <div class="slides layout-regular template-default"> <div class="slide"> = Introdu…')
 
(→‎Generación de informes SEO)
 
(14 revisiones intermedias por el mismo usuario no mostrado)
Línea 1: Línea 1:
−
{{Usuario:juanda/jquerymobile/nav }}
+
{{Usuario:juanda/seo/nav }}
−
{{#widget:Slides}} {{MiTitulo| Curso de jQuery Mobile}}  
+
{{#widget:Slides}} {{MiTitulo| Curso de SEO}}  
 
<div class="slides layout-regular template-default">
 
<div class="slides layout-regular template-default">
 
<div class="slide">
 
<div class="slide">
Línea 9: Línea 9:
  
 
<div class="slide">
 
<div class="slide">
−
=== ¿Qué es jQuery Mobile===
+
=== ¿Qué es SEO?===
−
*Framework para crear intefaces de usuario basadas en HTML5
+
*'''SEO''' las siglas de '''Search Engine Optimization''' (optimización para motores de búsqueda).
−
*Construido a partir de la librería jQuery y de jQueryUI
+
*Normalmente nos referiremos a SEO como '''posicionamiento web'''.
−
*Orientado especificamente para móviles
+
*Estrategia a seguir para obtener enlaces entrantes desde otras páginas.
−
*Algunos ejemplos:
+
*Su objetivo es posicionar paginas en los primeros resultados de búsqueda para determinadas palabras clave.  
−
:[http://m.ikea.com/es/ Web móvil de Ikea]
+
−
:[http://m.disneyworld.disney.go.com/ Disney World]
+
−
:[http://www.moulinrouge.fr/ Moulin Rouge]
+
−
:[http://m.stanford.edu/ Universidad de Stanford]
+
−
:[http://www.jqmgallery.com/ Y muchos más]
+
 
</div>
 
</div>
  
 
<div class="slide">
 
<div class="slide">
−
=== Diseño responsivo ===
+
=== ¿Qué es SEM? ===
−
* Uso de CSS media queries: hojas de estilo css especificas para dispositivos según anchura de pantalla, resolución o características.
+
*Search Engine Marketing o '''marketing en buscadores'''.
−
* Grid fluido, especificando sus elementos mediante unidades relativas.
+
*El SEM abarca todo lo que es publicidad PPC (Pago por click) pagada en los buscadores a través de herramientas como '''Google AdWords'''.  
−
* Imágenes y media también en unidades relativas.
+
*Su objetivo es conocer las estrategias y técnicas con las que gestionar estos anuncios para atraer el mayor número de clics, que supongan el menor coste y máxima calidad de visita.
 
</div>
 
</div>
  
 
<div class="slide">
 
<div class="slide">
 +
=== ¿Qué es SMM? ===
 +
*Social Media Marketing o Marketing en Medios Sociales.
 +
*Surge con el boom de los medios sociales en Internet.
 +
*El SMM implica la interacción entre la empresa/cliente con los usuarios finales con los que se quiere comunicar/hablar, utilizando plataformas en las que se encuentran los perfiles de cliente perfectos para debatir, opinar, sugerir, hablar….
 +
</div>
  
−
=== Diseño responsable===
+
<div class="slide">
−
*Se utiliza el criterio "mobile first":
+
=== ¿Qué es SMO? ===
−
:Diseños sencillos
+
*Social Media Optimization. Es el posicionamiento en Medios Sociales.  
−
:Diseños más complejos mediante media queries y siempre con un min-width
+
*Su objetivo es conocer las distintas plataformas en las que se pueda realizar la promoción de unos contenidos (videos, blogs, perfiles) en la red de medios sociales.
−
:Se evita llevar un diseño pesado y aligerarlo para conseguir un time load aceptable para la red 3G.
+
−
*Imágenes específicas para el tamaño de pantalla de los móviles, tanto por ancho de banda como por tamaño de pantalla, [http://blogs.perficient.com/spark/2013/01/30/responsive-images-the-new-hotness/ ver ejemplo]
+
−
*Uso de versiones minified y gzip
+
 
</div>
 
</div>
 +
 
<div class="slide">
 
<div class="slide">
−
===Ejemplo CSS Mobile First===
+
===SERP===
−
* Las media queries en ems en vez de pixeles para asegurarnos que el layout se adaptará al cambio del tamaño de las fuentes, además de al ancho de pantalla.
+
*SERP es el acrónimo de Search Engine Results Page.  
−
* Para calcular la anchura en ems, se divide en ancho de nuestro objetivo entre 16px (tamaño de letra por defecto)
+
*Es la página de resultados que ofrece el buscador.
−
*Aplicaciones Web accesibles via navegador
+
*El ranking de webs que aparece cuando metes unas palabras clave.
−
<source lang="css">
+
*Básicamente, es mirar que resultado obtiene tu página en este listado al meter las palabras clave por las que quieres posicionarte.
−
/* Start with core styles outside of a media query that apply to mobile and up */
+
−
/* Global typography and design elements, stacked containers */
+
−
body { font-family: Helvetica, san-serif; }
+
−
H1 { color: green; }
+
−
a:link { color:purple; }
+
  
−
/* Stack the two content containers */
+
</div>
−
.main,
+
−
.sidebar { display:block; width:100%; }
+
  
−
/* First breakpoint at 576px */
+
<div class="slide">
−
/* Inherits mobile styles, but floats containers to make columns */
+
===SERM===
−
@media all and (min-width: 36em){
+
* SERM es el acrónimo de Search Engine Reputation Management.
−
.main { float: left; width:60%; }
+
*El objetivo es controlar lo que aparece sobre ti/tu empresa cuando te buscan a través de un buscador.  
−
.sidebar { float: left; width:40%; }
+
*Lo ideal es que los comentarios negativos aparezcan lo más alejado posible de la primera página de resultados.  
−
}
+
*Hay muchas estrategias, una de ellas es colar comentarios o noticias positivas en páginas que estén muy bien posicionadas
 +
</div>
  
−
/* Second breakpoint at 800px */
+
<div class="slide">
−
/* Adjusts column proportions, tweaks base H1 */
+
=Los dominios=
−
@media all and (min-width: 50em){
+
</div>
−
.main { width:70%; }
+
<div class="slide">
−
.sidebar { width:30%; }
+
===¿Cuánto cuesta un dominio?===
 +
*Desde 5 o 6€ por su registro anual hasta...
 +
*Sex.com se vendió en el 2006 por 13 millones de dólares
 +
*[www.sedo.com Sedo:] The world's leading domain marketplace
 +
</div>
 +
<div class="slide">
 +
===Extensión del dominio===
 +
*Hay dominios que tienen una ubicación rígida asociada a la extensión del dominio (por ejemplo los dominios nacionales tipo .es, .fr (de Francia), . us (USA)
 +
*Los dominios "nacionales" posicionarán mejor para ese país en concreto.
 +
*Los que tienen una localización variable (por ejemplo, los .com, .net, info, .biz, etc) requieren optimización de cara a la geolocalización en las SERPs
 +
*Se pueden usar las WebMasterTools de Google para la geolocalización.
 +
</div>
 +
<div class="slide">
  
−
/* You can also tweak any other styles in a breakpoint */
+
=== Nombre del dominio===
−
H1 { color: blue; font-size:1.2em }
+
*¿Quién soy o qué ofrezco?
−
}
+
*Muchos dominios son simplemente la marca de la empresa o el nombre propio del dueño del blog.  
−
</source>
+
*Esta no es una mala opción, si bien el trabajo para hacer que el dominio sea visible recaerá sobre todo en el desarrollo de una buena estrategia de branding (dar valor a la marca)
 +
*Si te interesan más los servicios que das que tu marca, el dominio tiene que tener alguna de tus palabras clave.
 +
</div>
  
 +
<div class="slide">
 +
=Palabras clave o keywords=
 
</div>
 
</div>
 +
 
<div class="slide">
 
<div class="slide">
 +
===Localización de palabras clave===
 +
*Ejemplo para un proyecto de venta de coches:
 +
:- coches segunda mano
 +
:- coches ocasión
 +
:- coches usados
 +
:- vehículos segunda mano
 +
:- vehículos ocasión
 +
:- vehículos usados
 +
:- automóviles segunda mano
 +
:- automóviles ocasión
 +
:- automóviles usados
 +
:- carros segunda mano (mercado latinoamericano)
 +
:- carros ocasión (mercado latinoamericano)
 +
:- carros usados (mercado latinoamericano)
 +
</div>
  
−
=== Tipo de aplicaciones Web con PhoneGap===
+
<div class="slide">
−
*PhoneGap sirve para realizar aplicaciones que utilicen las características del dispositivo:<br/>
+
 
−
:Camara, GPS, libreta de teléfonos....
+
{{Actividad|
−
*La mayoría de las aplicaciones web basadas en PhoneGap consumirán mediante javascript servicios web
+
Title=Palabras clave|
−
*Ejemplos de aplicaciones de este tipo serían Google Maps, FourSquare...
+
*Selecciona diez palabras clave para una empresa que realiza descenso de barrancos en el Pirineo.}}
 
</div>
 
</div>
 +
 +
 +
 
<div class="slide">
 
<div class="slide">
−
=== Necesidades en desarrollos web para móviles===
+
 
−
*Desarrollo de la aplicación para varias plataformas
+
*¿Descenso de barrancos? ¿Descenso de cañones? ¿barranquismo?
−
*La experiencia de usuario en la aplicación debe ser consistente entre plataformas:
+
*¿Huesca? ¿Guara? ¿Rafting?
−
:Un usuario puede migrar de SO incluso utilizar varios
+
−
:La experiencia de usuario podría variar entre dispositivos en función de las [http://phonegap.com/about/feature/ características y capacidades de los dispositivos]
+
−
*Varios equipos de desarrollo no siempre es la mejor opción, por las necesidades de coordinación inherentes.
+
 
</div>
 
</div>
  
 
<div class="slide">
 
<div class="slide">
−
[[Archivo:Mobile_development_requirements.png|600px|thumb|center|Requerimientos para desarrollo de programas para dispositivos móviles]]
+
*Uso de [https://adwords.google.com Google Adwords] para la selección de las palabras clave
 +
*Echar un vistazo a la competencia
 
</div>
 
</div>
  
 
<div class="slide">
 
<div class="slide">
−
===PhoneGap===
+
===Densidad de palabras clave===
−
*Se basa en la parte común de todos los dispositivos móviles: el navegador
+
*La frecuencia y densidad son importantes para aumentar la exposición de su estudio en las páginas de resultados de los motores de búsqueda
−
*Los nuevos navegadores se adhieren a estándares como HTML5/CSS3.
+
*Repetir las mismas palabras o frases demasiadas veces en el contenido de su perfil se considera un "spam de frecuencia"
−
*HTML5 nos da mucha funcionalidad: procesos en background mediante web workers, soporte offline, base de datos...
+
*Se deben combinar sinónimos y palabras y frases claves exactas.
−
*CSS3 permite que nos despidamos de flash para realizar gradientes, bordes redondeados, páginas responsivas, vistas de impresión, etc.
+
*La densidad de palabras clave debe estar entre un 3% y un 6%.
−
*Todas las plataformas móviles excepto Windows 7 Phone utilizan un navegador basado en webkit
+
*Utiliza algún software para medir tus palabras clave. Por ejemplo: [http://www.seoquake.com/ SeoQuake]
 +
</div>
 +
<div class="slide">
 +
===Análisis de tendencias===
 +
*Se suele usar la herramienta [http://www.google.com/trends/ Google Trends]
 +
*Una vez tenemos la selección de palabras clave, es recomendable realizar un nuevo filtro para comprobar la tendencia que pueda tener en un futuro.  
 +
*Nos puede pasar que después de escoger nuestras palabras clave, la tendencia de uso sea negativa (a la baja) por lo nuestra estrategia se verá afectada reduciendo el número de visitas.  
 +
*Esta herramienta nos permitirá comparar los diferentes términos escogidos y nos mostrará en un gráfico la tendencia de uso de las palabras clave.
 +
*Además obtenemos términos relacionados que nos pueden ayudar
 +
*Se deben aprovechar las búsquedas "temporales" para actualizar nuestra página web.
 
</div>
 
</div>
  
 
<div class="slide">
 
<div class="slide">
−
[[Archivo:Mobile_os_browser.png|600px|thumb|center|Navegador en dispositivos móviles]]
+
===Estrategias Long Tail===
 +
*¿Qué prefieres para tu página web: un mayor tráfico que acabe no generándote ventas o bien, un menor tráfico que sí te las genere?
 +
*Posicionarse en los primeros puestos con ciertas palabras presenta gran dificultad, hay mucha competencia.
 +
*Long Tail SEO: 3, 4, 5 palabras juntas (incluso frases) que son mucho menos buscadas en Internet pero constituyen una búsqueda más precisa. Por este motivo hay mucha menos competencia.
 
</div>
 
</div>
  
 
<div class="slide">
 
<div class="slide">
−
===Webviews===
+
===Estrategias marketing por contenido===
−
*Piensa en una aplicación PhoneGap como un navegador embebido dentro de la aplicación y que ejecuta HMTL5/CSS.
+
*Uso de herramientas tipo blog donde publicar artículos de calidad y '''originales''' que contengan esas palabras Long Tail.
−
*Estos navegadores embebidos es lo que se conoce como '''webview'''
+
*Conseguir un gran volumen de tráfico muy cualitativo requiere un esfuerzo por tu parte.  
−
*Cada una de las pantallas de nuestra aplicación será un webview.
+
−
*Desde el webview ejecutaremos código JavaScript que comunicará con código nativo del dispositivo.
+
−
*Todos los dispositivos permiten al código en JavaScript hacer llamadas a código nativo en Java/C++/Objective C y al revés.
+
 
</div>
 
</div>
  
 +
<div class="slide">
 +
===Generación de informes SEO===
 +
Utiliza las siguientes herramientas para generar informes de múltiples aspectos que afectan al SEO de una web:
 +
:http://www.woorank.com/
 +
:http://www.seomoz.org/
 +
:http://www.semrush.com/
 +
 +
</div>
  
 
</div>
 
</div>

Última revisión de 13:35 6 mar 2013

Usuario:Juanda/seo/nav

Introducción


¿Qué es SEO?

  • SEO las siglas de Search Engine Optimization (optimización para motores de búsqueda).
  • Normalmente nos referiremos a SEO como posicionamiento web.
  • Estrategia a seguir para obtener enlaces entrantes desde otras páginas.
  • Su objetivo es posicionar paginas en los primeros resultados de búsqueda para determinadas palabras clave.

¿Qué es SEM?

  • Search Engine Marketing o marketing en buscadores.
  • El SEM abarca todo lo que es publicidad PPC (Pago por click) pagada en los buscadores a través de herramientas como Google AdWords.
  • Su objetivo es conocer las estrategias y técnicas con las que gestionar estos anuncios para atraer el mayor número de clics, que supongan el menor coste y máxima calidad de visita.

¿Qué es SMM?

  • Social Media Marketing o Marketing en Medios Sociales.
  • Surge con el boom de los medios sociales en Internet.
  • El SMM implica la interacción entre la empresa/cliente con los usuarios finales con los que se quiere comunicar/hablar, utilizando plataformas en las que se encuentran los perfiles de cliente perfectos para debatir, opinar, sugerir, hablar….

¿Qué es SMO?

  • Social Media Optimization. Es el posicionamiento en Medios Sociales.
  • Su objetivo es conocer las distintas plataformas en las que se pueda realizar la promoción de unos contenidos (videos, blogs, perfiles) en la red de medios sociales.

SERP

  • SERP es el acrónimo de Search Engine Results Page.
  • Es la página de resultados que ofrece el buscador.
  • El ranking de webs que aparece cuando metes unas palabras clave.
  • Básicamente, es mirar que resultado obtiene tu página en este listado al meter las palabras clave por las que quieres posicionarte.

SERM

  • SERM es el acrónimo de Search Engine Reputation Management.
  • El objetivo es controlar lo que aparece sobre ti/tu empresa cuando te buscan a través de un buscador.
  • Lo ideal es que los comentarios negativos aparezcan lo más alejado posible de la primera página de resultados.
  • Hay muchas estrategias, una de ellas es colar comentarios o noticias positivas en páginas que estén muy bien posicionadas

Los dominios

¿Cuánto cuesta un dominio?

  • Desde 5 o 6€ por su registro anual hasta...
  • Sex.com se vendió en el 2006 por 13 millones de dólares
  • [www.sedo.com Sedo:] The world's leading domain marketplace

Extensión del dominio

  • Hay dominios que tienen una ubicación rígida asociada a la extensión del dominio (por ejemplo los dominios nacionales tipo .es, .fr (de Francia), . us (USA)
  • Los dominios "nacionales" posicionarán mejor para ese país en concreto.
  • Los que tienen una localización variable (por ejemplo, los .com, .net, info, .biz, etc) requieren optimización de cara a la geolocalización en las SERPs
  • Se pueden usar las WebMasterTools de Google para la geolocalización.

Nombre del dominio

  • ¿Quién soy o qué ofrezco?
  • Muchos dominios son simplemente la marca de la empresa o el nombre propio del dueño del blog.
  • Esta no es una mala opción, si bien el trabajo para hacer que el dominio sea visible recaerá sobre todo en el desarrollo de una buena estrategia de branding (dar valor a la marca)
  • Si te interesan más los servicios que das que tu marca, el dominio tiene que tener alguna de tus palabras clave.

Palabras clave o keywords

Localización de palabras clave

  • Ejemplo para un proyecto de venta de coches:
- coches segunda mano
- coches ocasión
- coches usados
- vehículos segunda mano
- vehículos ocasión
- vehículos usados
- automóviles segunda mano
- automóviles ocasión
- automóviles usados
- carros segunda mano (mercado latinoamericano)
- carros ocasión (mercado latinoamericano)
- carros usados (mercado latinoamericano)



Icon activity.jpg

Palabras clave

  • Selecciona diez palabras clave para una empresa que realiza descenso de barrancos en el Pirineo.




  • ¿Descenso de barrancos? ¿Descenso de cañones? ¿barranquismo?
  • ¿Huesca? ¿Guara? ¿Rafting?
  • Uso de Google Adwords para la selección de las palabras clave
  • Echar un vistazo a la competencia

Densidad de palabras clave

  • La frecuencia y densidad son importantes para aumentar la exposición de su estudio en las páginas de resultados de los motores de búsqueda
  • Repetir las mismas palabras o frases demasiadas veces en el contenido de su perfil se considera un "spam de frecuencia"
  • Se deben combinar sinónimos y palabras y frases claves exactas.
  • La densidad de palabras clave debe estar entre un 3% y un 6%.
  • Utiliza algún software para medir tus palabras clave. Por ejemplo: SeoQuake

Análisis de tendencias

  • Se suele usar la herramienta Google Trends
  • Una vez tenemos la selección de palabras clave, es recomendable realizar un nuevo filtro para comprobar la tendencia que pueda tener en un futuro.
  • Nos puede pasar que después de escoger nuestras palabras clave, la tendencia de uso sea negativa (a la baja) por lo nuestra estrategia se verá afectada reduciendo el número de visitas.
  • Esta herramienta nos permitirá comparar los diferentes términos escogidos y nos mostrará en un gráfico la tendencia de uso de las palabras clave.
  • Además obtenemos términos relacionados que nos pueden ayudar
  • Se deben aprovechar las búsquedas "temporales" para actualizar nuestra página web.

Estrategias Long Tail

  • ¿Qué prefieres para tu página web: un mayor tráfico que acabe no generándote ventas o bien, un menor tráfico que sí te las genere?
  • Posicionarse en los primeros puestos con ciertas palabras presenta gran dificultad, hay mucha competencia.
  • Long Tail SEO: 3, 4, 5 palabras juntas (incluso frases) que son mucho menos buscadas en Internet pero constituyen una búsqueda más precisa. Por este motivo hay mucha menos competencia.

Estrategias marketing por contenido

  • Uso de herramientas tipo blog donde publicar artículos de calidad y originales que contengan esas palabras Long Tail.
  • Conseguir un gran volumen de tráfico muy cualitativo requiere un esfuerzo por tu parte.

Generación de informes SEO

Utiliza las siguientes herramientas para generar informes de múltiples aspectos que afectan al SEO de una web:

http://www.woorank.com/
http://www.seomoz.org/
http://www.semrush.com/
Obtenido de «https://es.wikieducator.org/index.php?title=Usuario:Juanda/seo/Introducción&oldid=11788»