Frage Ist es möglich, JavaScript zu verwenden, um die Meta-Tags der Seite zu ändern?


Wenn ich ein div in den Kopf legen und anzeigen: keine, als JavaScript verwenden, um es anzuzeigen, wird das funktionieren?

Bearbeiten:

Ich habe Sachen in AJAX geladen. Und da mein AJAX den "Hauptteil" der Seite ändert, möchte ich auch die Meta-Tags ändern.


74
2018-04-02 19:33


Ursprung


Antworten:


Ja, das kannst du tun.

Es gibt einige interessante Anwendungsfälle: Einige Browser und Plugins analysieren Meta-Elemente und ändern ihr Verhalten für verschiedene Werte.

Beispiele

Skype: Telefonnummern-Parser ausschalten

<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE">

iPhone: Telefonnummern-Parser ausschalten

<meta name="format-detection" content="telephone=no">

Google Chrome-Rahmen

<meta http-equiv="X-UA-Compatible" content="chrome=1">

Viewport-Definition für mobile Geräte

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Dieser kann durch JavaScript geändert werden. Sehen: Eine Fehlerbehebung für den iPhone-Viewport-Scale-Bug

Meta-Beschreibung

Einige Benutzeragenten (z. B. Opera) verwenden die Beschreibung für Lesezeichen. Sie können hier personalisierte Inhalte hinzufügen. Beispiel:

<!DOCTYPE html>
<title>Test</title>
<meta name="description" content="this is old">
<script type='text/javascript' src='http://code.jquery.com/jquery-1.8.2.js'></script>

<button>Change description</button>

<script type='text/javascript'>
$('button').on('click', function() {
    // Just replacing the value of the 'content' attribute will not work.
    $('meta[name=description]').remove();
    $('head').append( '<meta name="description" content="this is new">' );
});
</script>

Es geht also nicht nur um Suchmaschinen.


143
2018-04-02 20:08



Sie würden etwas wie (mit jQuery) verwenden:

$('meta[name=author]').attr('content', 'New Author Name');

Aber das wäre meistens sinnlos, da Meta-Tags normalerweise nur beim Laden des Dokuments abgekratzt werden, normalerweise ohne JavaScript auszuführen.


61
2018-04-02 19:41



Ja, so ist es.

Z.B. um die Meta-Beschreibung zu setzen:

document.querySelector('meta[name="description"]').setAttribute("content", _desc);

58
2018-03-17 22:52



Sie können Meta beispielsweise mit jQuery-Aufrufen wie diesen ändern:

$('meta[name=keywords]').attr('content', new_keywords);
$('meta[name=description]').attr('content', new_description);

Ich denke es tut jetzt wichtig, seit Google sagte dass sie Ajax-Inhalt über indexieren werden #!hashes und _escaped_fragment_ Anrufe. Und jetzt sie kann verifiziere es (sogar automatisch, mit Headless-Browsern, siehe den Link "Erstellen von HTML-Snapshots" auf der oben genannten Seite), also denke ich, dass es der Weg für Hardcore-SEO-Jungs ist.


32
2017-11-23 01:29



Es sollte so sein (oder verwenden Sie jQuery wie $('meta[name=author]').attr("content");):

<html>
<head>
<title>Meta Data</title>
<meta name="Author" content="Martin Webb">
<meta name="Author" content="A.N. Other">
<meta name="Description" content="A sample html file for extracting meta data">
<meta name="Keywords" content="JavaScript, DOM, W3C">

</head>

<body>
<script language="JavaScript"><!--
if (document.getElementsByName) {
  var metaArray = document.getElementsByName('Author');
  for (var i=0; i<metaArray.length; i++) {
    document.write(metaArray[i].content + '<br>');
  }

  var metaArray = document.getElementsByName('Description');
  for (var i=0; i<metaArray.length; i++) {
    document.write(metaArray[i].content + '<br>');
  }

  var metaArray = document.getElementsByName('Keywords');
  for (var i=0; i<metaArray.length; i++) {
    document.write(metaArray[i].content + '<br>');
  }
}
//--></script>
</body>

</html>

11
2018-04-02 19:40



Meta-Tags sind Teil des Doms, auf das zugegriffen werden kann und die - ich nehme an - geändert werden können, aber Suchmaschinen (die Hauptverbraucher von Meta-Tags) sehen die Änderung nicht, da das Javascript nicht ausgeführt wird. Wenn Sie also kein Meta-Tag ändern (Refresh kommt mir in den Sinn), was Auswirkungen auf den Browser hat, kann das wenig nutzen?


9
2018-04-02 19:39



$(document).ready(function() {
  $('meta[property="og:title"]').remove();
  $('meta[property="og:description"]').remove();
  $('meta[property="og:url"]').remove();
  $("head").append('<meta property="og:title" content="blubb1">');
  $("head").append('<meta property="og:description" content="blubb2">');
  $("head").append('<meta property="og:url" content="blubb3">');
});

9
2018-04-17 17:26



var metaTag = document.getElementsByTagName('meta');
for (var i=0; i < metaTag.length; i++) {
    if (metaTag[i].getAttribute("http-equiv")=='refresh')
        metaTag[i].content = '666';
    if (metaTag[i].getAttribute("name")=='Keywords')
        metaTag[i].content = 'js, solver';
}

5
2018-03-20 15:21