Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including serp-preview with all npm packages installed. Try it out:

require("react/package.json"); // react is a peer dependency. require("prop-types/package.json"); // prop-types is a peer dependency. require("styled-components/package.json"); // styled-components is a peer dependency. var serpPreview = require("serp-preview")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

serp-preview v0.1.0

Show how your website will appear in searchs engine results

serp-preview

Build Status

React component for show how your website will appear in searchs engine results

Highlights

  • Multiple search engines
  • Use styled-components
  • Clean and tested

Installation

Using npm:

$ npm i serp-preview

Usage

import { GooglePreview, BingPreview, YahooPreview } 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" />

  </div>
)

API

PropertyProp TypeRequiredDefaultDescription
titlestringyes-Title
descriptionstring / node / [nodes]-nullMetadescription
urlstringyes-Url
linkstring-#Link
RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free