YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Spanish (Latin America) subtitles

← Paginación y SEO (Posicionamiento en Motores de Búsqueda)

Get Embed Code
12 Languages

Showing Revision 11 created 07/02/2019 by German Castañeda.

  1. MAILE OHYE: Hola.
  2. Soy Maile Ohye.
  3. He estado en "Google Now" durante seis años,
  4. trabajando con búsquedas y herramientas
    para desarrolladores web
  5. Deseo darte la bienvenida a mi hogar.
  6. Hablemos de paginación y SEO.
  7. Para la agenda de hoy vamos a empezar con
  8. ejemplos de contenidos paginados.
  9. Luego veremos algunos efectos
    negativos de la paginación
  10. y por qué como desarrolladores
    podríamos querer
  11. hacer un esfuerzo adicional para
    no diluir las propiedades de indexación
  12. y mostrar mejores resultados
    a los usuarios
  13. Ahora vamos a cubrir la configuración
  14. Y ésta viene en dos partes--
  15. para aquellos desarrolladores
    con contenido paginado y una
  16. página que muestra todo el contenido, y
    para todos aquellos
  17. desarrolladores que tienen contendo
    paginado pero
  18. sin una pagina que muestre todo el contenido.
  19. Así que allí habrá dos tipos
    de configuraciones.
  20. Luego retrocederemos un poco
    y hablaremos sobre
  21. lo que Google esta haciendo para
    ayudar a los usuarios con contenido paginado
  22. y tambien a los desarrolladores
  23. y por ultimo, dependiendo de
    nuestra configuración,
  24. si tenemos una pagina donde
    se muestra todo el contenido disponible
  25. o si no la tenemos, veremos
    las opciones que existen para
  26. el contenido paginado
  27. Asi que empecemos con
  28. algunos ejemplos de contenido paginado
  29. El contenido paginado existe
    en toda la web
  30. y voy a cubrir dos
    de los casos mas comunes.
  31. Uno es un articulo paginado.
  32. Así que imaginemos que vamos a nuestro
    sitio web favorito y vemos
  33. una noticia de ultima hora.
  34. "Estudios recientes demuestran que las
    galletas son mas nutritivas
  35. que las verduras". Y esa seria
    toda la historia.
  36. Pero nuestro sitio favorito no podría
    poner todo esto en una sola pagina,
  37. en lugar de eso, lo divide en varias
    paginas relacionadas.
  38. Ahora un solo articulo
    se ha convertido en tres
  39. ese es un ejemplo de
    paginado de artículos.
  40. Otro ejemplo de paginacion podria
    ser una categoria de producto,
  41. como la que podríamos encontrar en
  42. nuestro sitio de compras favorito
  43. Asi que digamos que este desarrollador
    está vendiendo figuras.
  44. Ellos están vendiendo
    seis tipos de figuras.
  45. Pero en lugar de tenerlas todas en
    una sola pagina, las han dividido
  46. en dos paginas relacionadas, ambas
    con figuras,
  47. creando una nueva paginación.
  48. Así que hay dos formas comunes
    de paginar, artículos de contenido
  49. y categorías de producto.
  50. Ahora, ¿cuales son algunos de sus efectos
    secundarios negativos?
  51. Bueno, aquí hay un par.
  52. Me gustaría resaltar dos, el primero
    es indexar propiedades,
  53. como los enlaces y texto de anclaje,
    que pueden ser diluidos
  54. en diferentes componentes de URL
    en lugar de ser
  55. consolidados a un articulo
  56. o a una categoría de producto.
  57. Ese es uno de los aspectos negativos.
  58. El otro es, que la mayoría
    de las paginas relevantes en la lista
  59. podrían no ser reflejadas
    en los resultados de búsqueda.
  60. Entonces si eres el desarrollador
    para este sitio de comercio en linea
  61. podrías querer que los usuarios se envíen
    a la pagina uno de tu lista.
  62. pero los motores de búsqueda ven
    esta paginación como
  63. tres entidades separadas, los buscadores
    serian enviados a diferentes
  64. paginas que podrían no ser
    las mas relevantes.
  65. Estos son algunos de los aspectos
    negativos de la paginación.
  66. Ahora vamos a hablar sobre tu situación
  67. y sobre la configuración de tu sitio web.
  68. Vamos a echarle un vistazo
    a los dos tipos de configuraciones
  69. Una de ellas se aplica cuando existe una pagina
    donde se muestra todo el contenido del sitio
  70. y la otra para cuando el contenido
    se muestra de forma tradicional
  71. Ahora, si tu sitio tiene
    contenido paginado
  72. donde todo el contenido se muestra
    en una sola pagina
  73. hay algunas cosas que deberías
    tomar en cuenta.
  74. Una de ellas es asegurarte que
    el tiempo de carga en tu sitio web
  75. sea el adecuado, es decir,
    que el usuario no tenga que esperar
  76. 15 segundos para ver la pagina donde
    se muestra todo el contenido
  77. porque el articulo es muy largo
  78. o hay demasiados productos.
  79. Pero aun así que tengan
    una buena experiencia--
  80. por ejemplo que la pagina solo tome
    cuatro segundos en cargar.
  81. La segunda cosa que tenemos que
    verificar con este tipo de paginas
  82. es que sea fácil navegar por ellas,
  83. es decir, que los usuarios puedan
    encontrar el contenido que desean
  84. o el producto que buscan
    desplazándose verticalmente
  85. con facilidad por la pagina o
    viendo encabezados.
  86. Esa es la configuración de este tipo de paginas.
  87. Y obviamente, sin una pagina
    que muestre todo el contenido,
  88. es bastante sencillo.
  89. Entonces pensemos en tu sitio en términos
    de la configuración que tienes.
  90. Pero antes de ir allí,
    vamos a dar un paso atrás.
  91. Hablemos un poco sobre
    lo que Google esta haciendo.
  92. Estamos, por supuesto, siempre
    trabajando para mejorar
  93. la experiencia en búsquedas.
  94. Y algo que encontramos a través
    de varias pruebas
  95. es que los usuarios prefieren ver
    todo el contenido en una sola pagina
  96. en lugar de ver el mismo contenido
    dividido en varias paginas.
  97. Y una razón de esto
    puede ser la latencia.
  98. Así que si haces una búsqueda y
    al dar clic en un enlace,
  99. éste te envía a un sitio que muestra
    todo el contenido en una sola pagina,
  100. tardando tres segundos en cargar
    ese articulo que dice,
  101. "Nuevos estudios revelan que las galletas
    son mas nutritivas que los vegetales."
  102. Esto podría tardar tres segundos.
  103. Por otro lado, los usuarios
    son menos felices cuando
  104. los resultados de búsqueda los llevan
    solo a la pagina uno del articulo.
  105. Esto podría haber tenido
    dos segundos de latencia
  106. y después la pagina cargaría cada
    vez que el usuario quiera hacer clic
  107. para leer mas del articulo,
  108. esto implicaría un tiempo de carga adicional.
  109. Gracias a la latencia y otras razones,
    los usuarios prefieren ver
  110. todo el contenido en una sola pagina.
  111. Sabiendo ésto, uno de nuestros
    ingenieros en indexación,
  112. Benjia Li, salió con
    una nueva característica
  113. en octubre de 2011.
  114. Esta es--
  115. "Cuando detectamos que una serie
    paginada tambien contiene una
  116. versión donde se ve todo el contenido
    en una pagina, estamos esforzándonos
  117. para devolver en los
    resultados de búsqueda
  118. enlaces a este tipo de paginas."
    Eso es grandioso para los usuarios.
  119. Y lo que es mejor para los
    desarrolladores es que mientras
  120. detectamos este tipo de paginas,
    también consolidamos
  121. propiedades de indexación,
    como enlaces a estas paginas.
  122. Esto es bueno para los usuarios y
    para ti como desarrollador
  123. por la consolidación de la indexación.
  124. Ahora vamos a hablar de algunas
    opciones que tienes como
  125. desarrollador con el contenido
    paginado.
  126. Primero echemos un vistazo al escenario
    donde los desarrolladores
  127. han paginado el contenido y lo muestran
    todo en una sola pagina.
  128. Pero para todos ustedes quienes segmentan
    el contenido en diferentes paginas,
  129. aun es importante prestar atención
    porque algunas de las opciones
  130. también aplican para ustedes.
  131. Entonces, si tienes un sitio web con
    contenido paginado y ese contenido
  132. lo enseñas en una sola pagina,
    tienes tres buenas opciones.
  133. Primero, puedes dejarlo como está.
  134. No hay nada que tengas que hacer
    si tienes otras prioridades
  135. en tu sitio web.
  136. El contenido paginado existe en toda
    la web y los motores de busqueda
  137. continuaran haciendo cada vez
    un mejor trabajo
  138. al manipularlo.
  139. Y como mencioné hace un momento,
    si tienes una sitio web que muestra
  140. todo el contenido en una sola pagina,
    Google trata de detectarlo
  141. automáticamente, enviando a los
    usuarios allí ademas de consolidar
  142. tus propiedades de indexación.
  143. Entonces la opción uno es
    una opción muy solida.
  144. Pero también tienes
    una segunda opción.
  145. Ésta opción actualmente consiste
    en usar rel="canonical"
  146. para indicarle explicitamente a Google
    que tu sitio muestra todo el contenido en una sola pagina
  147. Asi que mientras tratamos de
    detectarlo con nuestros algoritmos,
  148. también puedes ayudarnos
    escribiendo rel="canonical"
  149. en las paginas de esta clase
    que componen tu sitio.
  150. Y esta es una indicación mas explicita
    para nosotros de como
  151. tu sitio está configurado.
  152. Como muchos de ustedes saben,
    con el rel="canonical",
  153. consolidaremos las propiedades
    de indexación de las paginas
  154. componentes con la
    versión canónica.
  155. Así que cosas como los enlaces
    también serán transferidos.
  156. Y luego, por supuesto,
    enviaremos a los usuarios
  157. a la pagina.
  158. Esa es la opción numero dos.
  159. La ultima opción es actualmente
    hecha por dos de nuestros ingenieros,
  160. Joachim y Benjia.
  161. Y usa el marcado HTML estándar
    rel="next" y rel="prev"
  162. en las paginas componentes en tu serie
  163. para indicarle a Google que
    estas son paginas individuales,
  164. pero todas estas perteneces a una serie.
  165. Añadiendo las marcas
    rel="next" y rel="prev"
  166. conectas estos componentes
    individuales en uno.
  167. Puedes hacerlo añadiendo
    rel="next" a la pagina uno
  168. y luego rel="prev" y rel="next"
    en la pagina dos, de esa manera
  169. hasta la ultima pagina que solo
    incluye un rel="prev".
  170. Y por su puesto, no es
    necesario poner nada
  171. cuando tienes una pagina que
    muestra todo el contenido.
  172. rel="next" y rel="prev" es
    un marcado HTML estándar
  173. y ha estado vigente por años.
  174. Pero ahora, Google esta usando este
    marcado para desarrolladores para
  175. dejarnos saber sobre sus
    contenidos paginados.
  176. Permitanme explicar algunas
    formas en que funciona
  177. rel="next" y rel="prev".
  178. Con rel="next" y rel="prev",
    al igual que con
  179. rel="canonical", actualmente
    nosotros consolidamos
  180. las propiedades de indexación de
    las paginas que componen la serie.
  181. Y a diferencia de rel="canonical" que solo
    enseña en los resultados de búsqueda
  182. los sitios que muestran todo el contenido
    en una sola pagina,
  183. con rel="next" y rel="prev", vamos a
    anular ese comportamiento
  184. y enviar a los usuarios a solo una
    de las paginas componentes.
  185. Probablemente, a la pagina numero uno,
    ya que normalmente esa es
  186. la pagina mas relevante.
  187. A si que si tienes, digamos, esa
    categoría de producto vendiendo
  188. formas, si usas el marcado
    rel="next" y rel="prev",
  189. Eso nos dice que estas dos paginas
  190. le pertenecen a una serie.
  191. y luego, regularmente, enviamos
    a los usuarios a la pagina uno.
  192. Ahora, rel="next" y rel="prev"
    es una recomendación,
  193. no es una obligación
    en cualquier sentido.
  194. Lo ultimo que quiero mencionar
    sobre rel="next" y rel="prev"
  195. es que las URLs de los componentes
    en una serie debe ser
  196. consistente con sus parámetros.
  197. Así que vamos a tomar el articulo,
    "Nuevos estudios revelan que las galletas
  198. son mas nutritivas que los vegetales".
  199. Ahora vamos a suponer que estas
    paginas contienen un ID de sesión.
  200. Todos estos valores para
    rel="prev" y rel="next"
  201. también deben contener
    el ID de sesión.
  202. Y esto es porque nuestro equipo
    de indexación busca vincular
  203. cada pagina de una serie
    con lo que fue declarado
  204. anteriormente y lo que fue
    declarado a continuación.