In our last article on SEO, we explained how search engines rank web pages based on several criteria. This time we will explain a bit more about how several elements within the page’s code can help with improving its SEO...
Header tags denote sections of content within the page, similar to a title and headings within a normal document. These headings will make it easier for web crawlers to determine the amount of content available. Such tags need to be used in hierarchical order in order to separate blocks of content. For example:
The <title> tag, used in the <head> section of a web page is also important for SEO and will be crawled to generate the title on a search result. Usually the best practice is to identify the primary and secondary keywords in a page and use those alongside the name of your organization. For example, if your page is about Sixth Form policies then your title could be something like:
Policies - Sixth Form | School Name
This keeps the title short (a title length of around 60 characters or less is ideal) and gives the crawler a good idea of what the page is about. However, search engines may choose to use a different title rather than the one set in the <title> tag depending on various factors.
Most content management systems (CMS) will automatically insert header tags depending on the content editing software it uses.
Although not as important in modern SEO practices, crawlers will still use information stored in <meta> tags to update search results. Crawlers will look for the following:
The content sections of these tabs shouldn't be too long: a description shouldn't be more than a sentence or two at most, and keywords should be kept to around 5-7.
A CMS will usually include the option of setting meta information on a site wide basis and/or per page.
An <img> tag denotes the location of an image within a webpage and usually appears something like this:
The important bit for SEO is the “alt” part. This denotes a description for the image that appears either when you hover your cursor over it or if the image cannot be loaded for any reason. Alt text can have an impact on the overall SEO of a page so it is important to make sure any images within content have these filled in.
The anchor tag <a> also has a similar section for denoting a description:
Adding a title to an <a> tag is useful for usability reasons (such as screen readers for the blind) but can also help, albeit slightly, with SEO.
Knowing a little about all of these elements is incredibly helpful and will ensure that your website isn’t penalised unnecessarily by the dreaded ‘crawlers’. If you have any questions on this article or would like any more help at all with your school website just get in touch – we’d be more than happy to help.