¿Colocar este tipo de enlaces en Blogger?

WilyV · 18 Jul 2023

En Google, cuando uno busca un término, puede aparecer una parte subrayada de azul claro, a la que si uno da clic conduce a una parte específica de la web. Lo que puede permitir llegar más rápido o de forma más directa a la información buscada.

Ejemplo: https://www.mayoclinic.org/es/disea...táneo de células,a luchar contra los gérmenes.

Puko · 18 Jul 2023

Es un simple enlace (<a href=" ">) con texto y con text-decoration: underline y text-underline-offset y con color

asi, un ejemplo...

con text-decoration: underline sale el subrayado
con text-underline-offset se desplaza hacia abajo lo subrayado
y con color el color de la letra del enlace (<a>)

<div class="aqui">
<a href=" ">
Texto subrayado
</a>
</div>

css...

.aqui a {
text-decoration: underline;
text-underline-offset: 4px;
color: #0057b8;
}

En blogger solo pones el css dentro de <b:skin> o en el <body> con <style> ... </style>
y al div donde esta el texto del enlace le pones un class

previo ...

WilyV · 18 Jul 2023

Puko dijo:
Es un simple link (<a href=" ">) con texto decoration: underline y text-underline-offset

asi, un ejemplo...

con text-decoration: underline sale el subrayado
con text-underline-offset se desplaza hacia abajo lo subrayado
y con color el color de la letra del enlace (<a>)

<div class="aqui">

<a href=" ">Texto subrayado</a>

</div>

css...

.aqui a {
text-decoration: underline;
text-underline-offset: 4px;
color: #0057b8;
}

En blogger solo pones el css dentro de <b:skin> o en el <body> con <style> ... </style>
y al div donde esta el texto del enlace le pones un class

previo..

Ver el archivo adjunto 1056513

Hola, cómo le hago para probar que funciona?

Puko · 18 Jul 2023

WilyV dijo:
Hola, cómo le hago para probar que funciona?

En el navegador
creas un .html y le pones ...

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.aqui a {
text-decoration: underline;
text-underline-offset: 4px;
color: #0057b8;
}
</style>
</head>
<body>
<div class="aqui">
<a href=" ">
Texto subrayado
</a>
</div>
</body>
</html>

y en blogger puedes crear una entrada "borrador" y le pones...

<div class="aqui">
<a href=" ">
Texto subrayado
</a>
</div>

<style type="text/css">
.aqui a {
text-decoration: underline;
text-underline-offset: 4px;
color: #0057b8;
}
</style>

mas vista previa

O directamente en la pantilla en > tema > personalizar (triangulito) > editar html

beritamartinez · 18 Jul 2023

WilyV dijo:
Hola, cómo le hago para probar que funciona?

Tenés que editar la plantilla, más precisamente el html. Y colocar el código que te pasaron arriba, pero entre el body.

Souhiro · 18 Jul 2023

Lo que está preguntando el bro, es sobre las respuestas rápidas que te sale en google. Fragmento destacado o posición 0.

Puko · 18 Jul 2023

Souhiro dijo:
Lo que está preguntando el bro, es sobre las respuestas rápidas que te sale en google. Fragmento destacado o posición 0.

WilyV dijo:
puede aparecer una parte subrayada de azul claro

En los resultados de google no salen subrayados

WilyV · 19 Jul 2023

Puko dijo:
En los resultados de google no salen subrayados

Pero eso era lo que quería, los subrayados que Google manda. Por ejemplo, el enlace de muestra del primer tema lo encontré en Google, y cuando doy clic a la página desde Google me lleva al subrayado interno de la página.

En Google también sale subrayado, en donde iría la metadescripción.

WilyV · 19 Jul 2023

Puko dijo:
En los resultados de google no salen subrayados

¿Para qué es el código y eso que me diste entonces, solo para pintar de fondo azul algunas letras?

Puedes usar esta keyword: "cáncer y células t".

Puko · 19 Jul 2023

WilyV dijo:
el enlace de muestra del primer tema lo encontré en Google

WilyV dijo:
¿Para qué es el código y eso que me diste entonces

Google es el que le pone el diseño (css)...

Al buscar no tiene subrayado ...

Al poner el puntero aparece (hover) ...

Lo puedes ver en "inspeccionar"...

y el css ...

El codigo que te puse es de como hacerlo dentro de una pagina, ya que pusiste el link que como esa pagina ...

WilyV · 19 Jul 2023

Puko dijo:
Google es el que le pone el diseño (css)...

Al buscar no tiene subrayado ...
Ver el archivo adjunto 1057630
Al poner el puntero aparece (hover) ...
Ver el archivo adjunto 1057633
Lo puedes ver en "inspeccionar"...
Ver el archivo adjunto 1057634
y el css ...
Ver el archivo adjunto 1057635

El codigo que te puse es de como hacerlo dentro de una pagina, ya que pusiste el link que como esa pagina ...
Ver el archivo adjunto 1057641

Eso es porque los resultados de búsqueda cambian, y es el caso ahora, pero a mí me salen resultados con el fondo azul tras la letra en Google, no solo dentro de las páginas.

¿Nunca te han salido resultados así?

A mí me salen casi en todas las búsquedas. Cuando das clic, lleva a esa parte del texto.

En realidad, estuve tratando de encontrar información y parece que no se habla mucho de esto. No sé si sea una función de prueba, pero tiene algún tiempo. Uso Google registrado con cuenta de Google, quizás eso influya.

Puko · 19 Jul 2023

Me imagino que ha de ser el navegador y/o la ip
Asi con las mismas palabras me sale otra pagina en el primer resultado, la que te aparece como 5 mas abajo
también me salen mas en > "Cerca de 134,000,000 resultados"
Si me han salido de otras busquedas asi

WilyV · 2023-08-07T11:54:28-0600

Le he preguntado a Bard y me ha insistido que entiende lo que le explicaba.

Según Bard eso depende enteramente Google (aunque no me lo explico), dice que eso se llama fragmento de texto destacado.

Me parece extraño, porque pareciera que Google genera una extensión de esas numeral en la url de tu web, que permite que al dar clic en el enlace desde Google te lleve a esa parte del contenido.

No sabía que eso se pudiera.

cofler · 2023-08-07T14:45:36-0600

Para enlazar a secciones específicas en Blogger, utiliza anclajes en tu contenido y crea enlaces correspondientes. Añade un enlace a un anclaje en tu página y crea el anclaje en el lugar deseado en tu contenido usando el formato <a name="nombre-del-anclaje"></a>. Esto permitirá a los visitantes saltar directamente a esa parte.

WilyV · 2023-08-07T15:06:34-0600

cofler dijo:
Para enlazar a secciones específicas en Blogger, utiliza anclajes en tu contenido y crea enlaces correspondientes. Añade un enlace a un anclaje en tu página y crea el anclaje en el lugar deseado en tu contenido usando el formato <a name="nombre-del-anclaje"></a>. Esto permitirá a los visitantes saltar directamente a esa parte.

¿Esto no es con p id?

¿Colocar este tipo de enlaces en Blogger?

WilyV

Puko

WilyV

Puko

beritamartinez

Souhiro

Puko

WilyV

WilyV

Puko

WilyV

Puko

WilyV

cofler

WilyV

Temas similares