We made a tool to help ourselves check opengraph and basic meta tag information on sites. Should help give a good idea of what some of the big social media sites like Facebook, LinkedIn and Pinterest see when they scan a site.

An outline of features:

  • Provides the basic details about a URL: HTTP status code, full URL, and domain name
  • Runs through metadata to provide generic details - page title, description, keywords - and opengraph details for a given page.
  • Provides all metadata in an unsorted object
  • Follows redirects (when applicable)
  • Handles page failures - e.g. 500, 404 - gracefully
  • Directly passes through the requesting client's user agent string

Endpoint URL

http://playground.maxmorgandesign.com/url-details.php

Params

Param Example
url http://maxmorgandesign.com/
callback opengraph_process

Sample output

opengraph_process({
    "HTTPStatusCode": 200,
    "meta_untouched": {
        "title": "Max Morgan Design | Web Development and Digital Design",
        "meta": {
            "keywords": "max morgan design, portfolio, home, web design, css, xhtml, san diego",
            "description": "Max Morgan Design provides web development, graphic design, photography, and other services to the greater San Diego area. Come check out our resources and guides or portfolio work.",
            "author": "Max Morgan Design",
            "copyright": "Max Morgan Design 2010 - 2015",
            "viewport": "width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;",
            "generator": "MMD-CMS"
        },
        "property": {
            "og:title": "Home",
            "og:type": "blog",
            "og:site_name": "Max Morgan Design",
            "og:url": "http://maxmorgandesign.com/",
            "og:image": "http://maxmorgandesign.com/images/ogicon.png",
            "fb:admins": "585871880",
            "og:description": "Max Morgan Design provides web development, graphic design, photography, and other services to the greater San Diego area. Come check out our resources and guides or portfolio work."
        }
    },
    "OpenGraph": {
        "title": "Home",
        "type": "blog",
        "site_name": "Max Morgan Design",
        "url": "http://maxmorgandesign.com/",
        "image": "http://maxmorgandesign.com/images/ogicon.png",
        "description": "Max Morgan Design provides web development, graphic design, photography, and other services to the greater San Diego area. Come check out our resources and guides or portfolio work."
    },
    "Title": "Home",
    "URL": "http://maxmorgandesign.com/",
    "Site": "Max Morgan Design",
    "DomainName": "maxmorgandesign.com",
    "Image": "http://maxmorgandesign.com/images/ogicon.png",
    "Description": "Max Morgan Design provides web development, graphic design, photography, and other services to the greater San Diego area. Come check out our resources and guides or portfolio work."
});

 

See the Pen WbOzvE.