react-serp-preview

1.1.0 • Public • Published

React SERP Preview

Visualise how your website will appear in the Google search results.

Live demo

Preview

  • Same look as Google search results
  • Titles are truncated at 600 pixels (by default)
  • Description is truncated around 300 characters

Installation

yarn add react-serp-preview

Usage

import SerpPreview from 'react-serp-preview';

...

<SerpPreview 
    title="Example Domain"
    metaDescription={`Example Domain. This domain is established to be used for 
        illustrative examples in documents. You may use this domain in examples 
        without prior coordination or asking for permission.`}
    url="https://example.com/"
/>
Prop Type Description
title string (required) Website title
metaDescription string (required) Website description
url string (required) Website URL
width number (default: 600) Width of the preview

Package Sidebar

Install

npm i react-serp-preview

Weekly Downloads

276

Version

1.1.0

License

MIT

Unpacked Size

52 kB

Total Files

13

Last publish

Collaborators

  • mesoptier