Archive for the ‘DeepTrawl’ Category


How to spell check web pages effectively

Making sure to spell check web pages is really important. This isn’t a new issue. The problem of spelling errors is as old as the written word, but the modern web does present some unique challenges. When you review a page on the screen, you need to make sure you’re checking all the text. This is sometimes tricky. Take a look at this example:

spelling

Can you see the spelling error? Try looking again. Still no? Here it is…

spellMenu

The reason you couldn’t see the spelling error in the (made up) example is that it was hidden until the mouse roles over the menu, and this is a common issue when spell checking sites.

If you spell check web pages manually in your browser you need to be extremely careful to check the “hidden” areas of the page. Often these are simply menus, where there isn’t too much text to get wrong, but in some sites these hidden areas can be a lot bigger….

When you spell check web pages, do you check the tabs too?

In the above example there’s a large amount of text hidden behind those tabs. In fact, taken together they contain more text than the rest of the page. So the first lesson is: beware of tabs, menus and other hidden areas, they often contain text that needs to be spell checked.

The following sections contain hints on checking other parts of pages, which in some case are completely hidden when you view them in the browser, but they’re some of the most important parts of the content.

The title

The <title> tags in the <head> section of a web page contain the text that will appear in a couple of places:

1) The browser tab used to open the page:

title

2) Search engine results. Search engines use the title tag in their listings. This makes the title an incredibly important page element to check!

search

The description

This is a slightly more obscure part of a page. It never appears in the browser when the page is viewed. The description is found in the top of your html, like this:

<html>

<head>

<title>Your title</title>

<meta name=”description” content=”Text describing the content of the page”>

</head>

The description is often used by the search engines to describe the page, enticing the viewer to click on it. Here’s an example of how it appears:


description
Since the title and description may make someone decide whether or not to view your page, getting the spelling right here is very important.

Image alt’s

Image alts are put into the html of your page with images. They provide a description of what’s in the image. They look something like this:
<img src=”imageFile.png” alt=”A description of what’s in the image” />
These are fairly important because image alt’s are shown by some web browsers when a visitors mouse is positioned over the image. They’re also used in indexing images to be shown in systems like Google’s image search. Finally image alts can sometimes be read out as an alternative to the image by screen reader software.

How to handle these

If you’re spell checking manually by opening pages in your browser it’s important to check tabs and menus etc. to find hidden content. It’s also important to do right click > View page source and make sure all the hidden areas (title, description, image alt’s) are spelled correctly.

There is also a better way. Our tool, DeepTrawl, will automatically check all the content of every page and all of the above. With a single click you can find the spelling errors in an entire site.

spell check web pages

DeepTrawl v4 is here

v4

It’s been a little while since DeepTrawl has seen a major upgrade so this one is truly huge. Here’s an overview of the most important new features.
Html 5 validation
This is something we’re very proud to announce. Html 5 validation (along with xhtml & html 4.01) is now baked in. In fact it’s exactly the same html 5 validation you’ll get from the w3c’s own validator. We’ve the same validator code the w3c uses for html 5. Of course as with every DeepTrawl check, this works on your entire site with one click.
Css Validation
This is a brand new feature in v4. When a site is trawled all of the internal, external and inline styles are read, just like the html. Css validation shows you all the errors along side all the site’s other issues. But we’ve gone a lot further than just validation. Css is now a first class citizen – user added checks can now analyze css and it’s import, font & image links are checked.
wedwedwed

It’s been a little while since DeepTrawl has seen a major upgrade so this one is truly huge. Here’s an overview of the most important new features.

Html 5 validation

This is something we’re very proud to announce. Html 5 validation is now baked in. In fact it’s exactly the same html 5 validation you get from w3c. Of course as with every DeepTrawl check, this works on your entire site with one click. More.

Css Validation

This is a brand new feature in v4. When a site is trawled all of the internal, external and inline styles are read, just like the html. Css validation shows you all the errors along side all the site’s other issues. But we’ve gone a lot further than just validation. Css is now a first class citizen – user added checks can now analyze css and it’s import, font & image links are checked. More.

(Much) better html exports

We’ve upgraded html exports hugely. They’re now beautifully rendered in html 5 & css. We’ve also added branding options – you can now add your own logo, colors and texts making html exports perfect for sharing with clients.

Dependency checks

DeepTrawl has always checked for broken links. In fact for a long time it was known mainly as a link checker. Starting in v4 we’ve added the dependency check, this does link checking for things like JavaScript, font & iframe imports. Ever seen a page with a broken css import? We bet you have and would wager the page was ugly as hell – now you never have to torture your visitors like this. More.

Better UI

The interface in DeepTrawl is now a lot sexier. We’ve gone for a cross platform look & feel that works really well on all modern platforms like Windows 7, 8 & OSX Mavericks. Besides looking better the interface now also works better. We’ve added features like Chrome style reorderable tabs and a new Monitor which pops out from the bottom of the screen, instead of being in a separate window.

Improved filters

DeepTrawl has has filter tabs for a while now – they allow you to see pages with specific errors in a new tab. We’ve enhanced with two new features:

1) It’s now possible to hide all other errors in the filter tab.

2) Filter tabs can now be used to filter by url. This allows you to show only errors in specific parts of your site or even zero in on a single page in the error results.

Check analytics code

Did you remember to put your analytics tracking code in *every* … *single* … *page* in your site? 100% sure? Now DeepTrawl can tell you which pages you’ve missed.

Try it

There are many more new features and enhancements (actually there are more than twice as many new features and enhancements compared to v4). We suggest you try it out.