- How to Embed Iframes to HTML
- Posted on October 1, 2019 | Comments This is a n approach to embed iframes to your HTML using PHP
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
- Choosing the Perfect Group Members in Coding Bootcamp
- Posted on June 5, 2019 | Comments We were tasked to create our own group and pick our own members in the coding bootcamp. This is proving to be the most challenging tasks.
- How to Post 3D Photos on Facebook
- Posted on November 2, 2018 | Comments Facebook's latest feature allows you to add 3D photos that has a "parallax" effect.
- What do I need to be a Web Developer?
- Posted on November 8, 2017 | Comments I was asked recently asked by a college student what he needs to be a "Web Developer." If I were to sum it into one blog entry, it would be a mix of the tools I use, best-practices and the coding languages that I know. It's never to late to learn how to code and learn new tools. Once you have an idea on the basics - it's never too far to learn another. Every single thing online has documentation, youtube videos, and wikis readily available. There are a lot of tools out there and a lot of developers willing to share their two cents on forums and social media.