- 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.
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.
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>