serp preview
view with GoogleMobilePreview added!
Componente React para mostrar como seu site aparecerá nos resultados de pesquisas
Usando 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 >
)
Propriedade | Tipo de suporte | Obrigatório | Padrão | Descrição |
---|---|---|---|---|
título | corda | sim | - | Título |
descrição | string / nó / [nós] | - | nulo | Metadescrição |
url | corda | sim | - | URL |
link | corda | - | # | Link |