fetch-meta-tags
DefinitelyTyped icon, indicating that this package has TypeScript declarations provided by the separate @types/fetch-meta-tags package

1.0.12 • Public • Published

npm version code style: prettier

fetch-meta-tags

Fetch and parse OG tags and metadata from any URL, the fast way

Why

I wanted a way to quickly fetch OG tags from websites and get their title, description, icon and OG image. I found all existing solutions not to be ideal because:

  • They had unnecessary dependencies, increasing bundle size
  • They fetch the whole body of the website, increasing load time

fetch-meta-tags solves those problems by:

  • Having just two dependencies: node-fetch and node-html-parser. They are both very lightweight libraries and also very fast
  • Streaming websites and stopping the HTTP request once </head> is received. No need to fetch the whole HTML of the website

Installation

$ yarn add fetch-meta-tags
$ npm install --save fetch-meta-tags

Usage

import fetchMeta from 'fetch-meta-tags'

await fetchMeta('https://luisc.xyz')

Outputs:

{
  url: 'https://luisc.xyz',
  title: 'Luis Cuende',
  description: 'Musings about modern philosophy, productivity and unbundling the nation state with crypto/Web3.',
  icon: 'https://luisc.xyz/favicon.ico',
  image: 'https://luisc.xyz/logo.jpg'
}

Credits

https://github.com/mozilla/page-metadata-parser for the meta tag ruleset.s

License

MIT License

Readme

Keywords

Package Sidebar

Install

npm i fetch-meta-tags

Weekly Downloads

150

Version

1.0.12

License

MIT

Unpacked Size

5.3 kB

Total Files

5

Last publish

Collaborators

  • luisivan