serp preview

serp預覽

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 >
) 

應用程式介面

財產	道具類型	必需的	預設	描述
標題	細繩	是的	-	標題
描述	字串/節點/[節點]	-	無效的	元描述
網址	細繩	是的	-	網址
關聯	細繩	-	#	關聯