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

Wenn ich ein div in der Kopf-und display:none, als die JavaScript verwenden, um es anzuzeigen, wird das funktionieren?

Edit:

Habe ich Sachen geladen AJAX. Und als meine AJAX ändert die "main" - Teil der Website, ich möchte das ändern der meta-tags.

InformationsquelleAutor der Frage TIMEX | 2010-04-02

  1. 146

    Ja, können Sie das tun.

    Gibt es einige interessante Anwendungsfälle: bei Einigen Browsern und plugins analysieren meta-Elemente, und ändern Sie Ihr Verhalten für verschiedene Werte.

    Beispiele

    Skype: Abschaltung Telefonnummer parser

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

    iPhone: Schalten Sie Telefon Nummer parser

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

    Google Chrome Frame

    <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">

    Diese kann geändert werden, indem Sie JavaScript. Siehe: A fix for iPhone viewport scale bug

    Meta-Beschreibung

    Einige user agents (Opera zum Beispiel) verwenden Sie die Beschreibung für das Lesezeichen. Sie können fügen Sie personalisierte Inhalte hier. 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>

    So, es geht nicht nur um Suchmaschinen.

    InformationsquelleAutor der Antwort fuxia

  2. 61

    Würden Sie so etwas wie (mit jQuery):

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

    Aber das wäre meist sinnlos, wie meta-tags sind in der Regel nur kratzte, wenn das Dokument geladen ist, in der Regel ohne ausführen von JavaScript.

    InformationsquelleAutor der Antwort MiffTheFox

  3. 60

    Ja, ist es.

    E. g. um die meta-Beschreibung:

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

    InformationsquelleAutor der Antwort jayms

  4. 32

    Können Sie ändern, meta-mit, zum Beispiel, jQuery-Aufrufe wie diese:

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

    Ich denke, es hat Rolle, da google sagtedass Sie index-ajax-Inhalte über #!hashes und _escaped_fragment_ Anrufe. Und jetzt sind Sie kann überprüfen, ob es (auch automatisch, mit headless Browser finden Sie unter "Erstellen von HTML-Snapshots" - link auf der Seite oben erwähnt), so dass ich denke, es ist die Art und Weise für hardcore-SEO Jungs.

    InformationsquelleAutor der Antwort eyedmax

  5. 11

    Sollte es möglich sein, wie dieses (oder jQuery verwenden 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>

    InformationsquelleAutor der Antwort Mikael Svenson

  6. 9

    meta-tags sind Bestandteil des dom-und zugegriffen werden kann und -ich denke - sich verändert, aber die Suchmaschinen (die wichtigsten Verbraucher von meta-tags) werden nicht sehen, die sich ändern, wie das javascript nicht ausgeführt werden. so, es sei denn, Sie ändern einen meta-tag (refresh kommt in den Sinn), die Auswirkungen im browser, könnte dies zu wenig nützen?

    InformationsquelleAutor der Antwort futtta

  7. 9
    $(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">');
});

    InformationsquelleAutor der Antwort user3320390

  8. 6

    Es ist durchaus möglich, Javascript zu verwenden, ändern Sie die meta-tags der Seite. Hier ist ein Javascript nur Ansatz:

    document.getElementsByTagName('meta')["keywords"].content = "My new page keywords!!";
document.getElementsByTagName('meta')["description"].content = "My new page description!!";
document.title = "My new Document Title!!";

    Habe ich verifiziert, dass Google indexiert diese client-Seite änderungen für den obigen code.

    InformationsquelleAutor der Antwort Tim Moses

  9. 5
    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';
}

    InformationsquelleAutor der Antwort LanPartacz

  10. 1

    Nein, ein div ist ein body-element, nicht ein head-element

    EDIT: Dann ist die einzige Sache, die SEs gehen zu bekommen, ist die Basis-HTML, nicht die ajax modifiziert.

    InformationsquelleAutor der Antwort Ben

  11. 1

    Ja, es ist möglich, hinzufügen von meta-Tags mit Javascript. Ich habe in meinem Beispiel

    Android nicht respektiert metatag entfernen?

    Aber, ich weiß nicht, wie ändern, um es anderen dann entfernen. Btw, in meinem Beispiel.. wenn Sie klicken Sie auf die Schaltfläche "HINZUFÜGEN" fügt er die tag-und die viewport-änderungen jeweils, aber ich weiß nicht, wie Sie zurückkehren (es entfernen, Android).. ich wünschte, es war firebug für Android, damit ich sah, was geschehen war. Firefox hat die Markierung entfernen. wenn jemand irgendwelche Ideen hat, auf dieser bitte beachten Sie also meine Frage.

    InformationsquelleAutor der Antwort Chamilyan

  12. 1

    einfache hinzufügen und div atribute zu jedem meta-tag-Beispiel

    <meta id="mtlink" name="url" content="">
<meta id="mtdesc" name="description" content="" />
<meta id="mtkwrds" name="keywords" content="" />

    nun wie normale div-Wechsel für ex. n klicken Sie auf

    <a href="#" onClick="changeTags(); return false;">Change Meta Tags</a>

    Funktion ändern-tags mit jQuery

    function changeTags(){
   $("#mtlink").attr("content","http://albup.com");
   $("#mtdesc").attr("content","music all the time");
   $("#mtkwrds").attr("content","mp3, download music, ");

}

    InformationsquelleAutor der Antwort Burhan Ibrahimi

  13. 0

    haben diese im index

    <link rel="opengraph" href="{http://yourPage.com/subdomain.php}"/>

    haben diese in ajaxfiles

    og:Typ"og:title"og:description und og: image

    hinzufügen und diese auch

    <link rel="origin" href={http://yourPage.com}/>

    fügen Sie dann in js nach der ajaxCall

    FB.XFBML.parse();

    Bearbeiten: Sie können zeigen Sie dann den richtigen Titel und das Bild auf facebook in txt/php douments(meine sind nur benannt .php-Erweiterungen, aber sind mehrere txt-Dateien).
    Dann habe ich die meta tags in diesen Dateien, und der link zurück zur index in jedem Dokument, auch ein meta-link in der index-Datei für jede Subdatei..

    wenn jemand weiß, einen besseren Weg, dies zu tun, würde ich mich über Ergänzungen 🙂

    InformationsquelleAutor der Antwort sunto

  14. 0

    Dies scheint zu funktionieren für ein wenig starr geometrisch set app, wo es braucht, um laufen auf mobile und andere Browser mit der kleinen änderung, so finden Sie das mobile/nicht-mobile-browser-status und für Mobiltelefone zur Einstellung der viewport auf device-width erforderlich ist. Als Scripte ausgeführt werden können aus dem header, der unten js im header zu ändern scheint der metatag für device-width, Bevor die Seite geladen wird. Man könnte beachten Sie, dass die Verwendung von navigator.userAgent wird vereinbart experimentell. Das Skript muss Folgen Sie den metatag-Eintrag geändert werden, so muss man wählen, einige erste Inhalte, und ändern Sie dann auf eine bestimmte Bedingung. 

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
<script>  
  var userAgentHeader = navigator.userAgent ; 
  var browserIsMobileOrNot = "mobileNOT" ; 
  if( userAgentHeader.includes( "Mobi" ) ) { 
    browserIsMobileOrNot = "mobileYES" ; 
    //document.querySelector('meta[name="viewport"]').setAttribute( "content", "width=device-width, initial-scale=1.0" );
  } else { 
    browserIsMobileOrNot = "mobileNOT" ;  
    document.querySelector('meta[name="viewport"]').setAttribute( "content", "");
  }
</script>

<link rel="stylesheet" href="css/index.css">

    .
    .
    .

    .
    .
    .

    InformationsquelleAutor der Antwort jcj52436999

Schreibe einen Kommentar