{"id":1023,"date":"2019-10-05T18:53:33","date_gmt":"2019-10-05T18:53:33","guid":{"rendered":"http:\/\/kevinbk.com\/\/?p=1023"},"modified":"2022-02-17T09:40:27","modified_gmt":"2022-02-17T09:40:27","slug":"indice-ou-sumario-de-links-ancoras-em-seu-site","status":"publish","type":"post","link":"https:\/\/kevinbk.com\/es\/indice-o-resumen-de-enlaces-ancla-en-su-sitio\/","title":{"rendered":"\u00cdndice o resumen de enlaces de anclaje en su sitio"},"content":{"rendered":"

En este art\u00edculo te explicaremos la importancia de tener un resumen o \u00edndice en todos tus art\u00edculos y publicaciones en tu sitio web. Tambi\u00e9n te explicaremos c\u00f3mo puedes crear tu resumen en el propio WordPress o en HTML. Comencemos con un resumen:<\/p>\n\n\n\n

As\u00ed es exactamente como resumo mis art\u00edculos en WordPress. De forma manual y sin complementos, puedo usar cualquier palabra e identificaci\u00f3n que desee. Todo esto en los art\u00edculos que quiero, sin pesar WordPress con cientos de plugins. <\/p>\n\n\n\n

\u00bfQu\u00e9 es un \u00edndice o resumen? <\/h2>\n\n\n\n

En el art\u00edculo o publicaci\u00f3n, estos son enlaces de anclaje internos que redirigen al lector directamente a un subt\u00edtulo (generalmente H2) de su publicaci\u00f3n. Esto puede significar que no dedique mucho tiempo a leer art\u00edculos de 2.000 palabras o que tenga varios temas diferentes en un solo art\u00edculo. <\/p>\n\n\n\n

En t\u00e9rminos de la palabra en general, un \u00edndice es una lista de palabras que se pueden organizar en orden alfab\u00e9tico, sistem\u00e1tico, cronol\u00f3gico, num\u00e9rico o alfanum\u00e9rico. <\/p>\n\n\n\n

Uno \u00edndice<\/em><\/strong> es lo mismo que un indicador, signo o s\u00edntoma, un factor de referencia que sirve para comparar, explicar una determinada situaci\u00f3n o condiciones, indicando tambi\u00e9n sus respectivas p\u00e1ginas de un libro o una lista de cosas. <\/p>\n\n\n\n\n\n

LA resumen<\/em><\/strong> es una lista al comienzo del art\u00edculo, [monograf\u00eda, libro, etc.] con todos los cap\u00edtulos del trabajo. Resumen es la enumeraci\u00f3n de las principales divisiones, secciones de otros documentos, en el orden en que se desarrolla el asunto.<\/em>, por lo que es un resumen r\u00e1pido, simple, sint\u00e9tico y conciso.<\/p>\n\n\n\n

Traduciendo, ambos son iguales, pero personalmente prefiero llamarlo resumen. Algunas personas probablemente buscaron \u00edndices en WordPress, otras buscaron un resumen y algunas incluso buscaron enlaces de anclaje. <\/p>\n\n\n\n

La raz\u00f3n principal por la que utilizo ambas expresiones en este art\u00edculo, es exactamente para mejorar la posici\u00f3n y el ranking en Google y para llegar a m\u00e1s personas. De hecho, este es un objetivo de utilizar res\u00famenes e \u00edndices en los art\u00edculos. <\/p>\n\n\n\n

La importancia de los enlaces de anclaje y un \u00edndice<\/h2>\n\n\n\n

Los enlaces de anclaje son cualquier enlace que lo lleve a una secci\u00f3n de su p\u00e1gina o incluso a otra p\u00e1gina del sitio. Son de gran importancia y no deben ser ignorados de ninguna manera, si desea destacarse de la competencia. <\/p>\n\n\n\n

Los res\u00famenes e \u00edndices son muy importantes en un art\u00edculo o publicaci\u00f3n. Esto se debe a que los enlaces de anclaje le facilitan la clasificaci\u00f3n de su art\u00edculo e incluso le permiten aparecer con m\u00e1s frecuencia en palabras clave alternativas. <\/p>\n\n\n\n

\"\u00cdndice<\/figure><\/div>\n\n\n\n

De esa manera, siempre agregue un resumen a su art\u00edculo para mejorar el SEO. Hago esto manualmente, muchos usan complementos, pero creo que manualmente me permite personalizar mejor las ID de los enlaces de anclaje. <\/p>\n\n\n\n

\u00bfC\u00f3mo deber\u00eda ser un \u00edndice con enlaces de anclaje? <\/h2>\n\n\n\n

Los \u00edndices deben estar listados en un bloque que se destaque, con un color de fondo diferente y con un t\u00edtulo en negrita (yo uso el bloque Preformateado). La lista de resumen se puede ordenar con un gui\u00f3n [-] seguido del tema que tendr\u00e1 el enlace de anclaje. <\/p>\n\n\n\n

Puede o no hacer la lista de temas en la tabla de contenido con las mismas palabras que el subt\u00edtulo. A veces prefiero variar un poco el \u00edndice y el subt\u00edtulo H2. Intento variar con diferentes palabras para que sea m\u00e1s probable que el texto se encuentre en Google. <\/p>\n\n\n\n

\"\u00cdndice<\/figure><\/div>\n\n\n\n

Los anclajes son enlaces que comienzan con [#] que indican que la ruta est\u00e1 dentro de la propia p\u00e1gina. Algunos tienen la costumbre de colocar enlaces de anclaje aleatorios con n\u00fameros o palabras que no tienen nada que ver con el tema del subt\u00edtulo. <\/p>\n\n\n\n

Debemos recordar que aunque sea un ancla [#example], es importante que contenga palabras clave para posicionarse mejor en google y otros buscadores. As\u00ed que nunca uses n\u00fameros o elementos aleatorios en tus anclas. <\/p>\n\n\n\n

\u00bfHas notado alguna vez que en los iconos un enlace est\u00e1 representado por una cadena? \u00bfEl ancla est\u00e1 literalmente representada por un ancla? Traducido simplemente, ancla es el final de la cadena o el destino final del eslab\u00f3n que se establece en alg\u00fan lugar. <\/p>\n\n\n\n

\u00bfCu\u00e1les son los problemas con la indexaci\u00f3n de su art\u00edculo?<\/h2>\n\n\n\n

Aunque es muy ventajoso para el SEO y la clasificaci\u00f3n de su sitio web, un \u00edndice puede hacer que el lector salte directamente a la parte deseada, pasando menos tiempo en su sitio y viendo menos anuncios. Puede afectar o no su tasa de rebote y CPC.<\/p>\n\n\n\n

Los \u00edndices en art\u00edculos y publicaciones con pocas palabras tambi\u00e9n pueden parecer extra\u00f1os. Normalmente utilizo \u00edndices con enlaces de anclaje en art\u00edculos con m\u00e1s de 800 palabras y m\u00e1s de 3 subt\u00edtulos H2.<\/p>\n\n\n\n

\"\u00cdndice<\/figure><\/div>\n\n\n\n

Si hace esto manualmente, las ID generadas autom\u00e1ticamente no pasan la misma autoridad que una ID creada manualmente. Hacerlo manualmente le permite agregar anclas personalizadas y reduce la posibilidad de que Google lo considere algo malo. <\/p>\n\n\n\n

C\u00f3mo hacer un \u00edndice en HTML<\/h2>\n\n\n\n

Antes de la nueva versi\u00f3n de WordPress con el editor Gutenberg, necesit\u00e1bamos usar manualmente el c\u00f3digo HTML para hacer el resumen con enlaces de anclaje. Hoy en d\u00eda esto se ha vuelto m\u00e1s f\u00e1cil gracias al nuevo editor de Gutenberg. <\/p>\n\n\n\n

Aun as\u00ed, explicar\u00e9 en detalle c\u00f3mo funcionan los enlaces de anclaje en HTML. Adem\u00e1s del resumen, debe agregar manualmente el [ID] donde lo llevar\u00e1n los enlaces de anclaje. Este ID generalmente se coloca en encabezados (H2, H3 y H4). <\/p>\n\n\n\n

Primero en la tabla de contenido o \u00edndice, el c\u00f3digo HTML es el siguiente: <\/p>\n\n\n\n

<strong>Resumen del artículo<\/strong> \n<a href="\/es\/”\/#nome_da_ancora”">- Título de ancla<\/a>\n<a href="\/es\/”\/#nome_da_ancora2”">- Título de ancla 2<\/a>\n<a href="\/es\/”\/#nome_da_ancora3”">- Título de ancla 2<\/a><\/pre>\n\n\n\n
El resultado en la vista previa HTML se ver\u00e1 as\u00ed: <\/p>\n\n\n\n
Este es un resumen HTML. Tenga en cuenta que usa la misma etiqueta de enlace <a>, pero en lugar del vínculo, agrega un href = #blabla<\/strong> donde el hashtag [#<\/strong>] indica que el enlace est\u00e1 en la misma p\u00e1gina y es una IDENTIFICACI\u00d3N<\/strong>.<\/p>\n\n\n\n
Una vez colocado el hashtag, debes agregar la ruta a tu subt\u00edtulo H2 u otra ubicaci\u00f3n a la que quieras que te lleve el resumen. Por lo general, el resultado en HTML se ve as\u00ed:<\/p>\n\n\n\n
<h2 id="nome_da_ancora"> <\/pre>\n\n\n\n
C\u00f3mo hacer res\u00famenes de WordPress sin plugin <\/h2>\n\n\n\n
LA IDENTIFICACI\u00d3N<\/strong> no necesitas un hashtag. En el editor de WordPress, puede agregar la ID sin usar comillas entre la palabra clave. Soluciona este problema autom\u00e1ticamente, creo que la mayor\u00eda de los lectores y editores de HTML pueden entender el uso de comillas.<\/p>\n\n\n\n
Ahora que ya sabe c\u00f3mo funciona el resumen, sugiero hacer algo mejor en el nuevo editor de Gutenberg. Despu\u00e9s de haber escrito todos los art\u00edculos con todos los encabezados H2, puede simplemente hacer clic en el bot\u00f3n de informaci\u00f3n y copiar el resumen completo que aparece debajo de Resumen del documento<\/strong>.<\/p>\n\n\n\n
Este resumen incluso tendr\u00e1 los hashtags y las identificaciones internas del editor de Gutenberg. Simplemente puede copiar y pegar todo en un cuadro de WordPress preformateado que tiene un fondo gris, eliminar el H2 que ve con el collage y terminar agregando un gui\u00f3n [-].<\/p>\n\n\n\n
\"\u00cdndice<\/figure><\/div>\n\n\n\n
Luego, simplemente edite los enlaces de resumen y coloque sus hashtags personalizados, hasta que se vea como el ejemplo que dejamos arriba. Despu\u00e9s de hacer esto, simplemente recorra el art\u00edculo a trav\u00e9s de los encabezados H2, selecci\u00f3nelos y luego vaya a las opciones de bloque.<\/p>\n\n\n\n
En las opciones del bloque H2 y otros encabezados, encontrar\u00e1 en la pesta\u00f1a Avanzado<\/strong> la opci\u00f3n Ancla HTML<\/strong>. Simplemente ingrese el ID que agreg\u00f3 en el resumen en este campo, sin usar el hashtag<\/strong> [#]. WordPress se agregar\u00e1 autom\u00e1ticamente sin la necesidad de editar HTML.<\/p>\n\n\n\n
Tabla de contenido - Complemento de resumen de WordPress<\/h2>\n\n\n\n
A lo largo del art\u00edculo habl\u00e9 sobre hacer res\u00famenes manualmente y mi gran negativa a usar complementos para mantener m\u00e1s limpio el hiperv\u00ednculo. Desafortunadamente termin\u00e9 cambiando de opini\u00f3n y para evitar el trabajo y la p\u00e9rdida de tiempo termin\u00e9 uni\u00e9ndome a un complemento. <\/p>\n\n\n\n
Actualmente uso el complemento Tabla de contenido de LuckyWP<\/strong> y lo configuro de manera que el enlace sea diminuto, sin acentuaci\u00f3n e igual al t\u00edtulo H2 y H3. No tengo mucho que decir sobre el complemento, si estaba buscando uno, lo considero el mejor. <\/p>\n\n\n\n
Anclajes en res\u00famenes gigantes usando el Editor de texto<\/h2>\n\n\n\n
Hay editores de texto que tienen herramientas de sustituci\u00f3n de variables que pueden permitirle agregar autom\u00e1ticamente hashtags e ID a los res\u00famenes de art\u00edculos de WordPress u otros textos en HTML.<\/p>\n\n\n\n
Como tengo MacOS, uso el editor de texto CODA 2. Fue el \u00fanico que encontr\u00e9 y te permite agregar f\u00e1cilmente ID a los encabezados sin tener que ir y venir desde el principio y el final del art\u00edculo. Creo que Dreamweaver tambi\u00e9n tiene excelentes opciones para buscar y reemplazar texto.<\/p>\n\n\n\n
Con un programa editor de texto que admita variables para buscar y reemplazar, agregue lo siguiente para buscar y reemplazar. Las variables estar\u00e1n entre [].<\/p>\n\n\n\n
<a href=\u201d#[1<\/strong>] \u201d> - [2<\/strong>]<\/a>[3<\/strong>]<h2><\/pre>\n\n\n\n
La primera variable localizar\u00e1 y memorizar\u00e1 el ID de resumen. La segunda variable coincidir\u00e1 con el resto de la l\u00ednea dentro del resumen, la tercera variable llevar\u00e1 el resto del art\u00edculo al encabezado que a\u00fan no se ha agregado. IDENTIFICACI\u00d3N<\/strong>. Reemplazar con:<\/p>\n\n\n\n
<a lol href=\u201d#[1<\/strong>] \u201d> - [2<\/strong>]<\/a>[3<\/strong>]<h2 id="[1]"><\/pre>\n\n\n\n
\"\u00cdndice<\/figure><\/div>\n\n\n\n
A veces, su localizador puede entrar en conflicto con alg\u00fan espacio o s\u00edmbolo, pero generalmente solo lo reemplazar\u00e1 una vez. Tienes que hacer clic en reemplazar varias veces para que haga esto con todos los encabezados del art\u00edculo.<\/p>\n\n\n\n
Es importante hacer esto solo con art\u00edculos de titulares de un tipo como
 , es posible que tampoco haya agregado etiquetas entre los encabezados H2 del c\u00f3digo del art\u00edculo. Si algo est\u00e1 mal, el editor asignar\u00e1 las variables incorrectas cada vez que lo reemplace.<\/p>\n\n\n\n
El reemplazo tomar\u00e1 la informaci\u00f3n del primer resumen. LA jajaja<\/strong> en el texto sirve para evitar que la sustituci\u00f3n repita el proceso en la misma l\u00ednea que la lista (no olvide eliminarlo m\u00e1s tarde). En la repetici\u00f3n del proceso se saltar\u00e1 el 
<\/strong> con ID y va directamente al encabezado correcto.<\/p>\n\n\n\n
Puede parecer un poco confuso, creo que todo esto podr\u00eda explicarse mejor en video. De todos modos, usa un poco tu cabeza, acelera tu trabajo e indexa tus art\u00edculos para diferenciarte de la competencia y mejorar tu SEO.<\/p>\n\n\n\n
Tambi\u00e9n hice una clase de video muy larga hablando de c\u00f3mo escribo mis art\u00edculos<\/a>. Puedes verlo debajo:<\/p>\n\n\n\n
\n