serp preview
view with GoogleMobilePreview added!
Komponen React untuk menunjukkan bagaimana situs web Anda akan muncul di hasil mesin pencari
Menggunakan npm:
$ npm i serp-preview
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 >
)
Milik | Jenis Penopang | Diperlukan | Bawaan | Keterangan |
---|---|---|---|---|
judul | rangkaian | Ya | - | Judul |
keterangan | string / simpul / [simpul] | - | batal | Metadeskripsi |
url | rangkaian | Ya | - | Url |
link | rangkaian | - | # | Link |