Posts Tagged ‘Attribute’

How to center a header, with HTML and CSS

Welcome to my blog, please feel free to subscribe to my RSS feed, join me on Twitter or leave a comment.

Here’s a quick tip that’ll help you centre a heading using nothing more than a little bit of HTML and CSS.

First, in a new HTML document (which you can create using something as simple as NotePad or Textedit simply by saving your text document with the .html extension), you’ll want to create a new heading. You can do it by including the following code in your document:

<h1>Hello World</h1>

This text adds a standard heading to your website but what if you want to centre the heading on the page? Easy! Let’s modify the standard <h1> tag to apply a style sheet directly to it:

<h1 style=’text-align:center;’>Hello World</h1>

You’ll notice that I don’t need to setup an individual style sheet to accomplish this task, simply adding the style attribute will allow me to make the changes to this one specific item. If I want to be able to centre multiple items, I could use a style sheet class to accomplish the task:

<style>
.center {text-align: center;}
</style>
<h1 class=’center’>Hello World</h1>

Note the class is represented in the style sheet as a period (.) plus the name of the class. Similarly, if I wanted to assign the centre to all occorances of the <h1> tag I could use:

<style>
h1{text-align: center;}
</style>
<h1>Hello World</h1>

Using the Blind to Build Your Bottom Line

Comments Off

There was a story about a restaurant in Hamilton Ontario, if memory serves correctly it was a Greek restaurant but the details seem reasonably unimportant. In this story, a man is hired to build a wheelchair ramp for the restaurant and he brings his young son along to help.

The boy was confused because the owners didn’t need to use wheelchairs and so he asked his father why they choose to spend the money on putting in an expensive ramp. His father then explained that the ramp wasn’t for the owners but it was for the customers. Still confused, the boy pointed out that not a lot of people used wheelchairs and his father, always patient agreed yet also pointed out that since there was only one restaurant in town that was inviting to people in wheel chairs, they would all eat here.

Regardless of your business, the web is not unlike the restaurants of Hamilton in that there are not a lot of people with visual impairments yet those few websites which make the effort to accommodate them, get all their business.

Helping the Visually Impaired View Your Website

When creating a website, it is vital to remember not all your audience members have the physical or technological capacity to see the web the same way you do. In fact according to the American Foundation for the Blind, roughly one in ten people suffer from significant loss of vision. That means that over 30,000,000 Americans have difficulties reading poorly designed websites.

Building better websites to help an aging population, as well as those who simply lack modern computers (15% of people surfing our websites use computer monitors of 800×600 pixels or less) is easy if you take the time to follow some basic tips:

  1. Ensure all images are properly labeled using the ALT attribute
  2. In an image is used as an interactive element, describing the function of the element
  3. Provide captions for multimedia elements such as audio, video and rich media
  4. Use verbose text links, avoid using “click here” whenever possible
  5. Use CSS structure for design and W3C compliant layouts for websites
  6. Make the most of lists and headings to help identify key elements
  7. Summarize charts, graphics and images with the longdesc attribute
  8. Avoid unnecessary scripts, frames and applets

How Helping the Blind will Help Build Your Business

While ensuring that people with disabilities have free and easy access to your website should be motivation enough to build a great website, there’s a wonderful side benefit for modern companies which should never be overlooked, Google.

Over the past decade, Google has dominated the online search market and is responsible for two thirds of all searches in the world, that’s over 6,000,000,000 (six billion) searches per month for 2009 and the titan of search engines shows little sign of stopping. The objective of every business with a website is to appear in the coveted top of a Search Engine Result Page (SERP) to drive more traffic to their website site but to understand how this is accomplished, a basic understanding of Google is required.

At the very core of what makes Google capable of delivering such great search results is a small software application called a spider. These spiders are constantly crawling the web, searching for new content, indexing pages and reporting back to Google with the most updated information possible and these spiders, are blind. Therefore, if you want to help Google drive traffic to your website, it is imperative that your website effectively be readable by people with visual difficulties. With that in mind, let’s take another look at why out simple steps to helping the visually impaired are important to Google and other major search engines:

  1. Ensure all images are properly labeled using the ALT attribute
    this allows search engines to know what a specific photo contains and focus the page relevance as well as return results on the Images search engine
  2. In an image is used as an interactive element, describing the function of the element
    this allows Google to transfer the description from the element to the target page which increases the visibility of the link in Google’s results
  3. Provide captions for multimedia elements such as audio, video and rich media
    Google is unable to view the contents of interactive rich media such as Flash or audio files, the caption is Google’s only way of knowing what the file is about
  4. Use verbose text links, avoid using “click here” whenever possible
    Google uses the hyperlinked words to help determine what a link is about, for example linking the phrase Fredericton web design to our homepage  helps the search engine understand which keywords we want to promote
  5. Use CSS structure for design and W3C compliant layouts for websites
    At their core, a webpage is nothing more than a computer document just like a Microsoft Word file but readable by web browsers. Similar to Word documents, these files must be compatible with the software reading them or problems occur and in the case of webpages this file format is defined by the W3C standard. If you want Google and other search engines to be able to read your website, you need to comply to these standards.
  6. Make the most of lists and headings to help identify key elements
    When a person looks at a webpage, some words appear bold or larger. These elements help us see when words and phrases are important, similarly search engines use heading tags and formatting elements to assign importance to phrases
  7. Summarize charts, graphics and images with the longdesc attribute
    As with all graphics,  spiders are unable to read the content of a photo or chart.
  8. Avoid unnecessary scripts, frames and applets
    While  helpful for displaying information to 90% of the audience, frames, scripts and applets make surfing the Internet almost impossible for the visually impaired as well as major search engines.

Ensuring your website is optimized for both search engines and the visually impaired is just one of the many services offered by Ross Creative, if your business would like an Accessibility Report completed on a web property please contact our web strategy team today.

Free Link Building from a PR5 Web Site is Back!

the web link building Free Link Building from a PR5 Web Site is Back! image

A couple weeks ago, I deactivated the link love plugin here on my website then I explained my decision why I deactivated the nofollow in another article and with the help of a great graphic from Josh, I think I got my point across. Link building only works if the links are genuine, remarkably since deactivating the plugin I’ve seen a tremendous drop in comments (both SPAM and otherwise) but not a noticeable trail off of traffic to the website.

90% of the comments on my websites appear to be made by roughly 1% of my visitors.

The problem is that genuine comments tend to get lost and too many commercialized links slip through the cracks, after all working on my blog is a part time endeavor as I do actually maintain a full time job outside my blogging activities. The other problem is that while giving away free nofollow links to some wonderful websites is rewarding on a personal level, there’s no true incentive for me to keep it up which is what’s led me to deactivate the link love plugin and make the vast majority of the links on my website nofollow, including links to much my own content. 

By ensuring the majority of links on my pages are now nofollow, it provides those links which I do want to promote significantly more value with regards to PageRank.

How PageRank Works

Simply put, PageRank is Google’s measurement of authority and it controls where you rank in the Search Engine Result Pages (SERPS). The higher your PageRank, the closer to the first page your website will appear on any given subject. While that’s an over simplification, the ideas are basically there. 

When a web page links to another website, Google considers it a vote for the second website but it divides the ‘vote’ between all the links on a webpage except for those marked as nofollow. Simply put, the PageRank transferred is equal to the total PageRank of a page, divided by the number of links not using a nofollow attribute.

On my home page for example, there are 172 links on my homepage including 139 links to links on my own website. Of the remaining 33 links on the page there are roughly 10 links to my other websites or profiles and another dozen are for websites who link to me. Since my website currently has a PageRank of 5, the 33 links each receive a vote of PR 0.151515… from my website. If I decreased the number of links to just 10, each page would earn a PR vote of .5 from my website.

Spending Your Credibility

There are several ways I choose to spend my PageRank, and make no mistake that linking to other websites ’spends’ PageRank. Every time your website links to another website, Google assumes that you are voting for it by actually transferring a small part of your own site value to the new website. If you’re linking to higher value websites, there is no effect but if you’re helping to promote lower ranking websites Google counts your vote as your willingness to lose some authority while boosting another websites credibility. This process helps ensure link farming is discouraged while link swapping between genuine and reliable websites is encouraged.

Who I Link To

When I deactivated the Link Love plugin a couple weeks back, I was surprised by the reaction of a few commenters who’d assumed that my willingness to give a free PR5 link was something they simply had the right to have. In truth, nobody has the right to have links, not just from my website but from any website. I struggle everyday to earn quality links and honestly assume that everybody else does too. So who do I link to and how can you get a free link from my PageRank 5 website to yours? 

Write a Guest Post

Take the time to write a guest post here on thisismyurl.com like Casper Christensen and build your website traffic by letting my readers know about your website. If thisismyurl.com isn’t your cup of tea, perhaps you’d enjoy writing a piece for one of my other websites?

Feature me as a Writer

A new section of my website called “What I’m Writing” can be found on the footer of every page and features a list of ten recent articles that I’ve written for other websites including my own.

Link to my Articles

If you’ve found an article interesting or a plugin useful, include a link to the posting here and find yourself included in the nofollow free Who’s Linking section on the bottom of every page. That’s where I list genuine, nofollow free Pingbacks to articles here on my website.

Do Something Amazing on Your Blog

Every week (sometimes more often) I write a summary article of what I’m reading on the web today, it also appears in the footer of my website and usual features a half dozen great links to wonderful articles I’ve enjoyed reading this week. It’s a great way to promote yourself.

If you’d like to learn more about how the PageRank tool works, I would encourage you to visit Ian Rogers great article on the subject.

How to check to see if there are pages or posts before displaying in WordPress

When I’m programming a new theme in WordPress I’ll often want to check to see if there are going to be any results before I write content to the page, but often the process of calling the results will display it.

For example, if I want to list a series of pages inside a <ul> tag I first want to know if there is going to be a list of pages to write otherwise I will be writing an opening and closing <ul></ul> with nothing in the middle or worse, a title as well. To avoid this, here’s what I do:

[source lang="php"]<?

$list = wp_list_pages(‘echo=0′);

if ($list) {
echo "<h2>My pages</h2>";
echo "<ul>";
echo $list
echo "</ul>";
}

?>[/source]

The code example above simply uses the echo=0 option to preload the page list results into a variable called $list, next I simple check if $list has a value and if it does, I write the header and <ul> tags as well as the variable $list. If there are no pages, nothing is written.

 

I’ve build a similar function into three recent plugins, where you can preload the results into a variable using a show attribute by setting the value to false:

  1. $list = scheduledPosts(’show=false’);
  2. $list = randomPosts(’show=false’);
  3. $list = popularPosts(’show=false’);

With much sadness, I must deactivate LinkLove

For those of you who don’t know about LinkLove, it’s a wonderful plugin for WordPress by  Andrew Timberlake which automatically disables the nofollow attribute in links for people who’ve left at least ten links. I absolutely love the plugin and strongly believe in rewarding positive contributions to my blog but recently I’ve decided to deactivate the tool for a number of reasons.

First, I’m getting slammed with keyword spammers. These are people who constantly post comments using names like “Car Sales” and “Dog Treats” in hopes of generating back links from my website to theirs. In theory I don’t really mind but this week it’s become a significant issue so I’ve elected to deactivate the plugin for a while to see if it helps calm the keyword spam a little.

My second reason for deactivating the plugin is that I’m getting ready to make a few significant changes around the site. A lot of you may have noticed that my blog’s changed looks significantly over the past several months. This wasn’t an accident, I’ve been trying different design elements and marketing combinations to determine what designs and content works best for me. After a long period of experimentation, I’ve finally determined what I need from thisismyurl.com and so I’ve started programming a new theme in earnest to help build a better online presence.

What does nofollow mean?

When a person creates a link from one website to another, it’s voting for the second site and telling Google that site A believes site B to be of equal or greater value to the web. That’s great for people like me who post links to other websites because it helps Google know which websites I have faith in but the problem comes in that when people post comments on websites, they can promote their own content regardless of how I feel about it.  That’s where the nofollow tag comes in. In effect, it tells Google that while I’m willing to link to the other site I don’t want to ‘vote’ for it.

The process of voting for a website gets more complicated when you take PageRank into account. Effectively, when I ‘vote’ for a website, I’m telling Google that I trust the website enough that I’m willing to stake my reputation (my PageRank) on the content of their website and that Google should transfer part of my reputation to them. Again, this is wonderful for websites that I truly support and read but not good at all for websites that I don’t actually read or support (such as those people who keyword bomb my site).

Is my website now only nofollow?

Not at all, in fact I believe my decision to turn off the fantastic LinkLove plugin will be beneficial to all my regular readers because it’ll cut down on spam comments but more importantly it’ll give me the time I need to start really focusing on helping others build their online reputations by reviewing and promoting websites I love to read.

If you’d still like a free, nofollow dofollow quality link from thisismyurl.com to your website there are a few easy ways to earn it:

  1. Invite me to be a guest writer on your website. Boy do I love writing and this can be a win-win for you! With the new design almost finished, I’ve included a special area for posting links to articles I’ve written around the web. These are prime, dofollow quality links that will be used to help promote websites I love to work with.
  2. Offer to be a guest writer on my website. I know it might not always seem like it but I do appreciate that I don’t know everything, so why not help me out? Contribute an article to the website and earn a strong link back to your site.
  3. Send me a Pingback by posting a link to my content on your website. Next time you’re writing an article, why not take a look to see if there’s anything here on thisismyurl.com that you could use to support your article? Pingbacks happen when your blog posts a story with a link to a story on my website and will always appear nofollow free.
  4. Sponsor the site by placing a 125×125px banner on the site, it’s a great way to help show your support as well as increase links back to your website.
  5. Do something amazing on your website and tell me about it on Twitter. When I retweet it’ll appear here on the site as well as travel out to over 1,000 followers.

Why I use nofollow even though I hate it.

Comments Off

There’s an attribute that we can assign to the anchor tag called nofollow, it was introduced a while back by Google and has been stirring up trouble ever since it arrived. It’s designed to help stop comment spam but lots of people are not entirely sure that it works.

The nofollow attribute works by telling search engines not to influence the PageRank of my site by the comments left by others. Now, that doesn’t sound so bad until you really stop to think about it because I blog on a lot of really great websites and I want some of those people to influence my rankings, I also want to influence the rankings of others.

So then why use it? Until we have a better way of controlling comment spam, it’s the best way.