serp preview

serp-ตัวอย่าง

โต้ตอบส่วนประกอบเพื่อแสดงว่าเว็บไซต์ของคุณจะปรากฏในผลลัพธ์ของเครื่องมือค้นหาอย่างไร

ไฮไลท์

• เครื่องมือค้นหาหลายรายการ
• ใช้องค์ประกอบสไตล์
• ทำความสะอาดและทดสอบแล้ว

การติดตั้ง

ใช้ 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
ลิงค์	เชือก	-	-	ลิงค์