Make the jump to check out the enhanced bootstrap popovers!
Social linking and sharing is a huge part of any modern website. Facebook had a great way to do this, but requires a few special tags and parameters to make everything display correctly. Here's how to make sure visitors to your site can share a link on Facebook with an image. I've included some developer tips to make sure your image and meta data are displayed correctly on Facebook as well.
While working through some SEO enhancements for Homebräu, like building Sitemap with images, I needed to find a way to gather all the images on a page and return them nicely. I also needed to use this logic in a couple places, so it needed to be flexible.
Here is tutorial for creating a script that will scrape a page or HTML string for images, and return all of their src attributes. Let's look at the PHP first...
When I added Gravitar support for Homebräu I ran into a little hiccup for users that didn't have a Gravitar image. I needed to find a way to check to see if a Gravitar image exists in PHP, then stop Gravitar from returning the default image, which is just the boring Gravitar icon.
I wrote a quick blurb about how Sitemaps help SEO, and why your website should have a sitemap.xml file. This is a quick add on to cover something we didn't talk about in the first article: including references to images in your sitemap.
The first thing to note about including images in a Sitemap is that...
I was doing some work in Google Webmaster Tools and saw an opportunity to make some enhancements to Homebräu CMS. It seemed that pages were inconsistent, some being listed as http://www.admakonieska.com and others listed as just http://adamkonieska.com. The second problem was sometimes if a user left off a trailing slash, the page wouldn't display. E.g. http://www.adamkonieska.com/archives/ would work, but http://www.adamkonieska.com/archives would throw a 404 error.
Nothing a few changes to the htaccess file wont fix. Here are two code snippets for forcing both the www and the trailing slash on URLs.
With more enhancements, Homebräu is taking SEO optimization to the next level. Included in this release are updates that allow for more SEO fine tuning by incorporating the HTML5 Microdata Spec, as well as automating the process of inserting keywords, descriptions, etc.
Here's how it all works, and how Homebräu can help improve your search ranking...
There are two different kinds of sitemaps used on websites. The one most people think of is a sitemap (note the lowercase s) page used to give users (humans) a listing of pages and their relationships. Here's an example sitemap page.
The second type, is a Sitemap (capital S this time) document. This is an XML file used specifically to give search crawlers (robots) a list of what pages are on the site, and some information about them. Typically named sitemap.xml, this document helps search engines crawl the site more intelligently. It gives them a listing of the pages you want them to crawl, their updated time, update frequency, and their level of imprtance in relation to each other.
Lets take a loot at the Sitemap tags, and a few examples.
Recently when I did the write up on how to zero the M16A1 series rifle, I got into a serious display issue with some HTML5 using <figure> and <figcaption> where their widths wouldn't match up. Arg! If you're in a similar ship, here's what I did...
Hi my name is Adam and I make neat websites and things that are generally awesome. I enjoy playing guitar, painting, whiskey, commas, sarcasm, and exactly four other things. Sometimes I wear red. Read the full story here!