So implementieren Sie JSON-LD-Strukturdaten mit JavaScript

Blog

So implementieren Sie JSON-LD-Strukturdaten mit JavaScript

In meinem letzter Beitrag , habe ich die Bedeutung von JSON-LD beschrieben, die Ihnen helfen wird, die SEO Ihrer Website zu verbessern. Jetzt werde ich einige Techniken demonstrieren, wie man JSON-LD-Strukturdaten mit Vanilla-JavaScript sowie in gängigen Frameworks implementiert.



Implementieren von JSON-LD

Wir haben gesehen, wie wir ein Skript-Tag in die JSON-LD-Daten auf der Seite einfügen können. Das können wir direkt im HTML einer Seite im Backend machen. Mit JavaScript können Sie es clientseitig dynamisch implementieren.

Profi-Typ: _ Wenn Sie serverseitiges Rendering verwenden, wird Ihre Website SEO-freundlicher._



Vanille-JavaScript-Implementierung

Hier ist ein Beispiel für eine Vanille-JavaScript-Implementierung:

const jsonldScript = document.createElement('script'); jsonldScript.setAttribute('type', 'application/ld+json'); const structuredData = { '@context': 'https://schema.org/', '@type': 'Recipe', 'name': 'Party Coffee Cake', 'author': { '@type': 'Person', 'name': 'Mary Stone' }, 'datePublished': '2018-03-10', 'description': 'This coffee cake is awesome and perfect for parties.', 'prepTime': 'PT20M' }; jsonldScript.textContent = structuredData; document.head.appendChild(jsonldScript);

In diesem Beispiel erstelle ich ein Skriptelement vom Typ |_+_| und Zuweisen der strukturierten JSON-LD-Daten zu |_+_| Eigentum.



#javascript #json-ld #reagieren #seo #vuejs #programmierung

medium.com

So implementieren Sie JSON-LD-Strukturdaten mit JavaScript

Techniken zur Implementierung von JSON-LD-Strukturdaten mit Vanilla-JavaScript sowie in gängigen Frameworks. So implementieren Sie JSON-LD-Strukturdaten mit JavaScript. Jetzt werde ich einige Techniken demonstrieren, wie man JSON-LD-Strukturdaten mit Vanilla-JavaScript sowie in gängigen Frameworks implementiert. Wir haben gesehen, wie wir ein Skript-Tag in die JSON-LD-Daten auf der Seite einfügen können. Das können wir direkt im HTML einer Seite im Backend machen. Mit JavaScript können Sie es clientseitig dynamisch implementieren.