Verhindern, dass HTML Tidy Meta-Tags durcheinander bringt (Schema-Markup)

Question 1

Ich habe ein ernsthaftes Problem mit HTML Tidy (neueste Version — https://html-tidy.org).

Kurz gesagt: HTML wandelt diese Zeilen von HTML-Codes ordentlich um

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
<div class="wrap">
    <span property="itemListElement" typeof="ListItem">
        <a property="item" typeof="WebPage" title="Codes Category" href="https://mysite.works/codes/" class="taxonomy category">
            <span property="name">Codes</span>
        </a>
        <meta property="position" content="1">
    </span>
</div>

In diese Codezeilen — Bitte werfen Sie einen genauen Blick auf die Platzierung von META TAGS.

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
<div class="wrap">
    <span property="itemListElement" typeof="ListItem">
        <a property="item" typeof="WebPage" title="Codes Category" href="https://mysite.works/codes/" class="taxonomy category">
            <span property="name">Codes</span>
        </a>
    </span>
    <meta property="position" content="1">
</div>

Dies verursacht einige ernsthafte Probleme mit Schemavalidierungen. Sie können die Codes hier überprüfen: https://search.google.com/structured-data/testing-tool/u/0/

Aufgrund dieses Problems wird die (URL: https://techswami.in ) Breadcrumb-Navigation ist in den Suchergebnissen nicht sichtbar.

Was verschönere ich?

Mein Kunde wollte, dass ich den Quellcode seiner/ihrer Website “sauber, lesbar und aufgeräumt” mache.

Also verwende ich diese Codezeilen, damit es für ihn/sie funktioniert.

Hinweis: Dieser Code funktioniert zu 100 % perfekt mit dem folgenden WordPress-Setup.

Nginx mit FastCGI-Cache/MariaDB
PHP7
Ubuntu 18.04.1

Neuestes WordPress und mit jedem Cache-Plugin kompatibel.

Code:

if( !is_user_logged_in() || !is_admin() ) {
function callback($buffer) {
    $tidy = new Tidy();
    $options = array('indent' => true, 'markup' => true, 'indent-spaces' => 2, 'tab-size' => 8, 'wrap' => 180, 'wrap-sections' => true, 'output-html' => true, 'hide-comments' => true, 'tidy-mark' => false);
    $tidy->parseString("$buffer", $options);
    $tidy->cleanRepair();
    $buffer = $tidy;
    return $buffer;
}
function buffer_start() { ob_start("callback"); }
function buffer_end() { if (ob_get_length()) ob_end_flush(); }
add_action('wp_loaded', 'buffer_start');
add_action('shutdown', 'buffer_end');

}

Welche Hilfe brauche ich von euch?

Können Sie mir bitte sagen, wie ich verhindere, dass HTML Tidy die META TAGS durcheinander bringt. Ich brauche die Parameter.

Vielen Dank.

Question 2

Das <meta> -Tag sollte nur in den übergeordneten Elementen verwendet werden: <head>, <meta charset>, <meta http-equiv>
Außerdem gibt es keine property Attribut in der <meta> Element.

Dies sind höchstwahrscheinlich die Gründe dafür HTML-Aufgeräumt reinigt das Markup.

Quellen

Question 3

Zunächst einmal meinen aufrichtigen Dank an alle, die versucht haben, mir zu helfen.

Ich habe die Lösung gefunden, das einzige Problem mit meiner Lösung ist, dass sie das HTML-Tidy-Problem nicht behebt.

Anstatt HTML-Tody zu verwenden, verwende ich jetzt Folgendes: https://github.com/ivanweiler/beautify-html/blob/master/beautify-html.php

Mein neuer Code lautet:

if( !is_user_logged_in() || !is_admin() ) {
    function callback($buffer) {
        $html = $buffer;
        $beautify = new Beautify_Html(array(
          'indent_inner_html' => false,
          'indent_char' => " ",
          'indent_size' => 2,
          'wrap_line_length' => 32786,
          'unformatted' => ['code', 'pre'],
          'preserve_newlines' => false,
          'max_preserve_newlines' => 32786,
          'indent_scripts'  => 'normal' // keep|separate|normal
        ));

        $buffer = $beautify->beautify($html);
        return $buffer;
    }
    function buffer_start() { ob_start("callback"); }
    function buffer_end() { if (ob_get_length()) ob_end_flush(); }
    add_action('wp_loaded', 'buffer_start');
    add_action('shutdown', 'buffer_end');
}

Und jetzt wurde jedes Problem im Zusammenhang mit Schema-Markup behoben und die Website des Kunden hat den Quellcode verschönert.

Question 4

Nur aus Gründen der Perspektive habe ich versucht, ein minimales eigenständiges Beispiel zu implementieren, das auf Folgendem basiert:

dein Code
ordentliches Beispiel zur Verfügung gestellt von PHP-Referenz Ordentliche Beispiele

Ich landete mit dem folgenden Code:

<?php
ob_start();
?>

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
    <div class="wrap">
        <span property="itemListElement" typeof="ListItem">
            <a property="item" typeof="WebPage" title="Codes Category" href="https://mysite.works/codes/" class="taxonomy category">
                <span property="name">Codes</span>
            </a>
            <meta property="position" content="1">
        </span>
    </div>
</div>

<?php

$buffer = ob_get_clean();
$tidy = new Tidy();
$options = array(
    'indent' => true,
    'markup' => true,
    'indent-spaces' => 2,
    'tab-size' => 8,
    'wrap' => 180,
    'wrap-sections' => true,
    'output-html' => true,
    'hide-comments' => true,
    'tidy-mark' => false
);
$tidy->parseString("$buffer", $options);
$tidy->cleanRepair();

echo $tidy;
?>

Die Ausgabe ist ziemlich informativ darüber, wie Tidy Ihr HTML umstrukturiert. Hier kommt’s:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <meta property="position" content="1">
    <title></title>
  </head>
  <body>
    <div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
      <div class="wrap">
        <span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="Codes Category" href="https://mysite.works/codes/" class=
        "taxonomy category"><span property="name">Codes</span></a> </span>
      </div>
    </div>
  </body>
</html>

Das Meta-Tag ist nicht verschwunden, sondern wurde nach oben verschoben, wo es hingehört, wie andere Kommentatoren betonten.

Wenn Sie möchten, dass Tidy nur die HTML-Struktur verarbeitet, fügen Sie bitte die Option „input-xml“ hinzu und setzen Sie sie wie folgt auf „true“:

$options = array(
    'indent' => true,
    'markup' => true,
    'indent-spaces' => 2,
    'tab-size' => 8,
    'wrap' => 180,
    'wrap-sections' => true,
    'output-html' => true,
    'hide-comments' => true,
    'tidy-mark' => false,
    'input-xml' => true
);

Dies wird Folgendes ausgeben:

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
  <div class="wrap">
    <span property="itemListElement" typeof="ListItem">
      <a property="item" typeof="WebPage" title="Codes Category" href="https://mysite.works/codes/" class="taxonomy category">
        <span property="name">Codes</span>
      </a>
      <meta property="position" content="1"></meta>
    </span>
  </div>
</div>