Episode III: SEO 1 on 1

June 9th, 2008

Meta Tags

Meta Tags are information inserted into the “head” area of web pages. They are placed between the “opening” and “closing” HEAD tags. The data they provide cannot be seen by those viewing your pages in browsers. Instead, Meta elements provide information about the webpage, most often to help search engines categorize them correctly. Meta tags, for example, can tell a browser what “character set” to use, the page refresh rates. etc.

Example:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta name="keywords" content= "Define keywords for some search engines" />
<meta name="description" content= "Define a description of your web page" />
<title>Title</title>
</head>

For more in-depth infomation on Meta Tags visit this site …
Next, we move on to the Title Tag element.

The Title Tag

Simply put, the title tag element defines the title of the document.

Let’s make one thing clear upfront; the title tag is not actually a meta tag… and the title tag is regarded as one of the most important factors in achieving high search engine rankings. For instance, adjusting only the title tags of your pages may generate quick and appreciable differences in your page rankings. And because the words in the title tag are what appear in the clickable link on the search engine results page (SERP), changing them may result in more clickthroughs if the right title is applied

The title tag is considered to be one of the “big three” in search engine algorithmic weight scail. In importance, it equals that of the text content on a webpage, It is the single most important piece of information the search engines use when deciphering your webpage. For that reason, including your target keyword phrase or phrases in your title is very desirable.

Things to Remember When Creating Your Title Tag

  1. All titles should be typed in Title Case (or Proper Case). An excellent resource for learning title case capitalization rules is Writer’s Block – Writing Tips – Capitalization in Titles.
  2. For nonfiction or reference websites, titles should be written to clearly indicate what is available on the page.
  3. Every page should have a unique title that reflects its content.
  4. The title should be self-explanatory and clearly communicate the contents of the page to the reader, thereby giving the reader a context.
  5. Home page titles should clearly indicate what is available on the page, and for the purpose of web credibility, they should clearly indicate what organization is represented on the page. By this I mean that it would be beneficial for you to include the name of your organization in the title tag of your home page. Failure to do this could significantly lower your Web credibility.

Now that we have dealt somewhat extensively with the various tag element within the head tag, we shall now move on to the body contents, starting with text (copywrite).

Writing for Web and SEO

The phrase “content is king” is only true if the content is relevant and clarifies the subject at hand. When writing for the web, there are 2 primary audiences being addressed — the person reading and the search engine bots or spiders. Catering to both can make writing for the web a bit more of a challenge. Remember this, however: What is good for the searcher is most likely good for the search engines, but what is good for search engines might NOT necessary be good for the searcher or human reader.

So, start with a good understanding of your audience and of what you must do to attract and hold their attention. Then, be absolutely certain that you have an excellent grasp of the subject matter under discussion. Be systematic in your approach, knowing what key phrases and words to use, and be as natural as you can, without overuse of technical jargon that will confuse the “average” reader. And, finally, get right to the point. Choose your words carefully. Make everything as clear and concise as possible. Verbosity is a no-no that will lose your audience very quickly. Simplicity rules!

(In our next installment, we will discuss the need to “give up” you site to your customers.)
  • Share/Bookmark

Episode II SEO 1 on 1

June 2nd, 2008

Separating Structure from Content and Presentation

The structure of a document is how it is organized logically using structural elements. Structural elements are the various HTML syntactic tags that define the structure of the document and, more specifically, define its content type — video or sound — or its logical construct — header (<h1>), paragraph(<p>) or list(<li>).

Example:

<h1>Header text</h1>
<h2>sub-header text</h2>
<p>Body text</p>

The content of a webpage refers to what it says to the user/viewer through text writeup, natural language, images, sounds, movies, animations, etc. The presentation is the manner, color or style by which the content is presented to the viewer. This should be done with the use of CSS (cascading style sheet) using style elements internally or externally. Such practices as separating style from content, minimizing obtrusive JavaScript, and streamlining code allow search engines to more easily spider, index, and rank web pages.

Providing Text Equivalent for Non-text Elements

Provide a text equivalent for every non-text element (ie. via “alt”, “longdesc”, or in element content). This includes: images, graphical representations of text (including symbols), image map regions, animations (ie. animated GIFs), applets and programmatic objects, flash, etc Abiding by this standard would result in the creation of a webpage that works for all, even the visually impaired. Also, it would be made available to those who do not rely on just one type of hardware, platform or browser. Pages should be usable by people without mice, with small screens, low resolution screens, black and white screens, and even with no screens, using only voice or text output.

As we are providing text equivalent, we must also be cognizant of site navigation.

Navigability

It is imperative to design and develop understandable mechanisms and methods for navigating within and between pages.

Make it as easy as possible for human and search engine bots to navigate and crawl your site and all its content.

Avoid the use of JavaScript when building your navigational bar. Instead, use CSS to structure, display and control the look and feel of the navigational bar. Search engines cannot read or access JavaScript or flash, but they can read and access a CSS-based text navigation bar. Text links are very important to search engines…

If using AJAX for rich interface design, make sure to implement properly with text equivalent provided for all non-text elements.

Within the header tag exist other types of tags called Meta Tags. These are not as relevant as they were in the early ’90s, but they can be of value, for if used properly, they may be of some SEO help

(Next week we will begin with an explanation of Meta Tags)
  • Share/Bookmark

Search Engine Optimization (SEO) 1 on 1

May 26th, 2008

What is Search Engine Optimization (SEO)?

Search Engine Optimization (SEO) is the method or process of enhancing the volume and quality of human traffic to a website from the various search engines via “natural” or “organic” search results for targeted keywords and phrases.

A site that has been optimized becomes search engine friendly and, thus, indexed by the various search engines. Multiple factors must come into play for a website to be made search engine friendly. Below is a list of these factors with the role each plays in the optimization process:

There are two major aspects of SEO: “Internal or On-page Optimization” and “External or Off-page Optimization”.

On-page Optimization refers to techniques that can be used within the pages of a website to maximize its performance in search engines for targeted keywords and phrases. Off-page Optimization refers to techniques that can be employed outside your website to achieve the same result.

Internal or On-page Optimization

  1. Coding Standards & Architectural Integrity
  2. Meta Data
  3. Title Tag Elements
  4. Structural Elements
  5. Navigation
  6. Page Copyright
  7. Keywords & Phrases
  8. Internal Linking
  9. Blogging

External or Off-page Optimization

  1. External Linking
  2. Directory Submissions
  3. Social Bookmarking
  4. Press Releases
  5. Article Submission
  6. Blog Reviews and Promotions
  7. RSS Feeds and Backlink
  8. Forum and Blog Signatures
  9. Public Relationship

On-Page Optimization

Coding Standards & Architectural integrity

Adhering to best practice standards when coding for the web is of great relevance because a well coded site with carefully planned architectural and hierarchical layout will produce a solid foundation upon which to build semantic web structures with high integrity.

DOCTYPE Declaration

Remember to declare the Document Type (DOCTYPE) at the header or beginning of each page. According to W3C standards, each HTML document requires a document type declaration. The “DOCTYPE” begins the HTML document and informs the validator, the user agent and the search engine bots (also known as “spiders”) which version of HTML to use in checking the document’s syntax. This also informs the browsers how to display the webpage.

Example:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Title</title>
</head>

<body>
<!-- ... body of document ... -->
</body>
</html>


Now, let’s move on to the next must do, which is the hierarchical placement of the various elements and attributes as you code. Make sure to apply Semantic Markup throughout the coding process since it helps define the information hierarchy of your content so that search engines can more accurately understand your message and direct users to your site. To attain this, begin by separating structure from presentation.

(Next week we will begin with an explanation of how to Separate Structure from Content and Presentation)
  • Share/Bookmark

Biyn Brings Northeast Traffic Control to the Web

March 19th, 2008

Northeast Traffic Control, a company that specializes in the renting of traffic safety equipment and services throughout New England, decided recently that the time had come to establish their initial web presence. They came to Biyn for help. We listened to their needs, goals and objectives and the result was the attractive, functional website that all can access at Biyn Designs portfolio

  • Share/Bookmark

New Site For Commonwealth Travel Advisors

March 4th, 2008

Commonwealth Travel Advisors' new website went live recently. Biyn Designs' objective in replacing Commonwealth's previous site was to create a more visually appealing space with cleaner, sharper lines, increased ease of operation, and enhanced brand recognition capabilities . All extraneous material was eliminated by award-winning master designer Jerry Agbon to effect a leaner, more streamlined look and feel. While maintaining CTA's official colors and logo, Jerry softened the prevailing blue tones, fashioned a more contemporary eye-catching logo, and rearranged the field of vision to enable viewers to take in all available choices at a single glance. See the site for yourself at Biyn Designs portfolio.

  • Share/Bookmark