serp preview
view with GoogleMobilePreview added!
مكون React لإظهار كيف سيظهر موقع الويب الخاص بك في نتائج محرك البحث
باستخدام 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 >
)
ملكية | نوع الدعامة | مطلوب | تقصير | وصف |
---|---|---|---|---|
عنوان | خيط | نعم | - | عنوان |
وصف | سلسلة / عقدة / [العقد] | - | باطل | الوصف الوصفي |
عنوان URL | خيط | نعم | - | عنوان URL |
وصلة | خيط | - | # | وصلة |