- Let’s get minified - Compressing and Optimizing your Code.
- Posted on July 14, 2011 | Comments I love javascript and I end up using 1,2,3...8 scripts on a site. It comes to a point that all these small file sizes add up.
the Blog
Meta Tags for Social Media
Posted on January 5, 2014 by Michael Rosario | Comments
We have meta tags for keywords, descriptions - now we have additional meta tags for sharing specific information for Twitter, Facebook and Google+. The list goes on. Adding these "tags" on your site is a good practice to promote Search Engine Optimization and allow you to customize what people see when they search or share your site online. They are added between your HEAD tags.
On this site, we use the following title, META Description and META Keywords, here is a sample:
<head>
...
<title> A Resource for Developers from...</title>
<meta name="description" content="A resource..." />
<meta name="keywords" content="php, xhtml..." />
...
</head>
TITLE - The title of the page.
DESCRIPTION - A sentence to describe the page, preferably 150 characters long.
KEYWORDS - A comma-delimited list of descriptors for the page.
Facebook and Google+
For Facebook and Google+ specific sharing, we use the following meta tags called "Open Graph":
<head>
...
<meta property="og:title" content="TITLE OF THE PAGE" />
<meta property="og:type" content="CATEGORY OF PAGE"/>
<meta property="og:image" content="URL OF IMAGE" />
<meta property="og:description" content="DESCRIPTION" />
<meta property="og:url" content="URL OF PAGE" />
...
</head>
Similarly, for Twitter-specific sharing, we use the following meta tags:
<head>
...
<meta property="twitter:title" content="TITLE" />
<meta property="twitter:image" content="URL" />
<meta property="twitter:description" content="DESCR." />
<meta property="twitter:url" content="URL OF PAGE" />
...
</head>
comments powered by Disqus
Other Recent Blog
- Mobile App Development with jQuery
- Posted on May 26, 2011 | Comments This is just a personal experience making a mobile app with jQuery for the iPhone. It's unbelievably easy!
- Getting Your Next iPhone for FREE
- Posted on May 15, 2011 | Comments I'm just sharing my experience in selling my previous iphone to get the most recent iphone. I love my iphone and i'm sure you love yours too.
- Show Some Web Typography Love Using Typekit
- Posted on May 12, 2011 | Comments Typekit is a simple add-on to your site that allows the use of custom fonts. They have hundreds in their library. It's simple, light-weight, and compatible to most browsers.