¿Qué sucede si las metaetiquetas están presentes en el cuerpo del documento?

StackOverflow https://stackoverflow.com/questions/1447842

Pregunta

Estoy trabajando en una aplicación ASP y el código, la plantilla y los archivos están organizados de una manera que no me permite alterar nada fuera de la etiqueta del cuerpo.Así que estoy pensando en insertar las metaetiquetas dentro del cuerpo, así:

<!-- FEW ASP INCLUDES -->
<html>
    <head>
    <!-- FALLBACK TITLE AND DESCRIPTION -->
    <title>Default Title</title>
    <meta name="description" content="Default Description">
</head>
<body>
    <!-- SOME HTML MARKUP -->
    <div class="dynamic-content">
        <!-- InstanceBeginEditable name="dynamic-content" -->
        <!-- THIS IS WHERE I CAN WRITE ASP CODE -->
        <title><%= Page.Meta.GetTitle( yada, yada ) %></title>
        <meta name="description" content="<%= Page.Meta.GetDescription( yada, yada ) %>">
        <!-- InstanceEndEditable -->
    </div>
    <!-- SOME MORE HTML MARKUP -->
</body>
</html>

Me pregunto qué tan bueno es colocar metaetiquetas dentro del cuerpo de un documento HTML.¿Cómo afecta?

  1. los motores de búsqueda
  2. navegadores
¿Fue útil?

Solución

Esto es por supuesto no válido según HTML4.01. Las etiquetas META se sólo se permite dentro de la cabeza (justo como, por ejemplo, TÍTULO) para poniéndolo en un cuerpo, básicamente estás creando un marcado válido.

A partir de las pruebas superficiales, parece que algunos navegadores (por ejemplo, Firefox 3.5 y Safari 4) De hecho poner estos elementos en la cabeza cuando se crea una estructura del documento. Esto no es muy sorprendente:. Navegadores son conocidos para tolerar y tratar de interpretar todo tipo de marcado roto

Tener marcado no válido rara vez es una buena idea . manipulación no estándar de los navegadores podría dar lugar a diversos prestación difícil de pin (y de comportamiento) incoherencias. En lugar de confiar en el navegador de adivinanzas, lo mejor es seguir un estándar.

No sé cómo los motores de búsqueda reaccionan a tales sopa de etiqueta, pero no correría el riesgo de experimentar para averiguar :) Tal vez sólo analizar etiqueta HEAD de cierta información y saltar a sus etiquetas BODY-contenida por completo. O tal vez que consideran que estos son algunos intentos maliciosos de juegos de azar y las páginas de lista de negro que contienen tales marcas. Quién sabe.

La línea inferior - evitar esto siempre que sea posible

.

Otros consejos

El resultado final es evitar siempre que sea posible este cuando el DOCTYPE lo prohíbe . Creo que este es, sin duda permitida en HTML5 y muy útil en los casos utilizando microdatos. Ejemplo: http://schema.org/Event

Yo no lo haría. Eso no es donde van esas etiquetas, y los motores de búsqueda podrían verlo como spam. Si se puede reorganizar la página maestra siempre se puede añadir un contentplaceholder en la sección de cabecera. Lo he hecho con trivialmente: 

<asp:ContentPlaceHolder ID="HeadTags" runat="server" />

De esta manera usted puede añadir cualquier contenido que desee en la sección de la cabeza hacia atrás en su página: 

<asp:Content ID="Whatever" ContentPlaceHolderID="HeadTags" runat="server" >

    <meta ... >

</asp:Content>

Si su objetivo es la optimización de motores de búsqueda, entonces es probablemente una buena idea seguir las normas y poner todas las etiquetas meta en el <head>. Sin embargo, en lo que va comportamiento del navegador, si coloca etiquetas <meta> en su <body> van a seguir funcionando. Decidí probar esto mediante etiquetas y etiquetas <meta http-equiv="refresh"/> <title> múltiple en un documento de otro modo compatible con los estándares.

Los resultados de mis pruebas:

Firefox 18, Firefox 3.6, Firefox Mobile, Chrome 24, Chrome para móviles, Opera 12, Internet Explorer 6, Internet Explorer 8, IE10:

  • Se procesaron Todas las etiquetas <meta> en el cuerpo.
  • La primera etiqueta <title> en el documento se procesó, incluso si era en el cuerpo. etiquetas <title> posteriores fueron ignoradas.
  • La directiva meta de actualización más temprana entró en vigor, lo que implica que ambos fueron procesados.

IE9:

  • Igual que el anterior, excepto todas las etiquetas <title> en el cuerpo fueron ignoradas.
  • IE10 en el modo estándar de IE9 también se comporta de esta manera.
  • IE9 en modo estándar de IE8 comportó el mismo que IE8, permitiendo que la etiqueta 1 <title> en el cuerpo.

Entonces, ¿qué sucede cuando se utiliza etiquetas meta en el cuerpo? En general, parecen funcionar bien. Probablemente se procesan las etiquetas meta, así que si no se les puede poner en la cabeza, entonces no me preocupe demasiado.

Algunas etiquetas meta que son para los motores de búsqueda no serán aceptadas por los motores de búsqueda en la sección del cuerpo de la página.

Por ejemplo Google dice que no va a cumplir un rel = canonical en el cuerpo de la página, pero sólo en la cabecera de la página. Esto es lo que Matt Cutts de Google dice :

  

No se permite rel = canonical en el cuerpo (ya que como he mencionado, la gente spam que),

Yo diría que lo use. He encontrado etiquetas meta dentro del cuerpo en varias páginas web, y están en una de las 10 búsquedas (en Google). Esto demuestra, al menos para mí, que los motores de searh no les importa si usted ha usado este enfoque.

Debe seguir adelante si no hay otra manera alrededor.

He puesto algunas etiquetas meta en el cuerpo, pero eso es debido a la tecnología de microdatos. Cuando no tengo un elemento regular con la información, que necesito para describir el objeto de acuerdo con el vocabulario schema.org, he de poner una etiqueta meta con este contenido. Yo prefiero hacerlo de esa manera en su lugar, para establecer un elemento con display: none. La manera con la pantalla: ninguno puede causar más problemas de google en lugar de esto, por lo que yo sé. Estoy de acuerdo en que no es la mejor práctica, pero cuando puedo validar mi documento (HTML5) que pase la validación con cero errores. También he hecho este truco durante varios proyectos y ninguno de ellos tiene problemas con Google u otro motor de búsqueda. Incluso los microdatos mejorar el ranking en los motores de búsqueda. No sé qué es exactamente lo que quiere hacer con esta meta etiquetas en el cuerpo, porque no he visto ninguna microdatos en el código. Si lo necesita para este enfoque, creo que está bien, pero en otros casos los elementos meta debía estar en la sección de la cabeza!

Tener la etiqueta META Descripción de los sitios web es marcado no válido, sin embargo no es un gran problema ya que los motores de búsqueda puede encontrar regularmente la etiqueta donde quiera que sea. Mi sitio web hace esto, echar un vistazo a mi HTML

http://cameras.specced.co.uk/compare/268/Canon_EOS_200D

El meta se encuentra en el sitio web CUERPO sin embargo, ha sido indexada por Google y la página de descripción de la meta se ha establecido como el clic de que el texto en los resultados de búsqueda de Google.

metaetiquetas se puede agregar en cualquier parte del HTML.

Los rastreadores web pueden leerlos. pero el único problema es cuando tienes que compartir tus páginas a través de alguna aplicación como facebook messenger, whatsapp, etc.

Estas aplicaciones sólo leen metaetiquetas presente dentro del etiqueta de cabeza.Entonces el og:imagen, og:descripción propiedades de metaetiqueta si se coloca dentro etiqueta del cuerpo no se leen y, por lo tanto, no se mostrarán al compartir en dichas aplicaciones.

Si es solo para fines de SEO, puedes agregar metaetiqueta en cualquier lugar pero se recomienda agregar dentro etiqueta de cabeza solo

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top