serp preview

Serp-Vorschau

React-Komponente, um zu zeigen, wie Ihre Website in den Suchmaschinenergebnissen angezeigt wird

Höhepunkte

• Mehrere Suchmaschinen
• Verwenden Sie gestaltete Komponenten
• Sauber und getestet

Installation

Mit npm:

$ npm i serp-preview

Verwendung

 import { GooglePreview , BingPreview , YahooPreview , GoogleMobilePreview } from "serp-preview" ;

const Example = ( ) => (
  < div >

    < GooglePreview
      title = "?React – A JavaScript library for building user interfaces"
      description = "React makes it painless to create interactive UIs."
      url = "https://reactjs.org"
      link = "https://reactjs.org" / >

    < BingPreview
      title = "A declarative, efficient, and flexible ... - Wikipedia"
      description = ""
      url = "en.wikipedia.org › wiki › React"
      link = "https://en.wikipedia.org/wiki/React" / >

    < YahooPreview
      title = "React Native · A framework for building native apps using React"
      description = "A framework for building native apps using React."
      url = "https://reactnative.dev"
      link = "https://reactnative.dev" / >

    < GoogleMobilePreview
      title = "?React – A JavaScript library for building user interfaces"
      description = "React makes it painless to create interactive UIs."
      url = "https://reactjs.org"
      link = "https://reactjs.org" / >

  < / div >
) 

API

Eigentum	Requisitentyp	Erforderlich	Standard	Beschreibung
Titel	Zeichenfolge	Ja	-	Titel
Beschreibung	string / Knoten / [Knoten]	-	null	Metabeschreibung
URL	Zeichenfolge	Ja	-	URL
Link	Zeichenfolge	-	#	Link