Apr 16, 2010

"page not found" a wasted opportunity

From time to time when you're doing a search you may land on a 404 page. You know - the "page not found"  error message that causes you to click the back button (or close a window). Sometimes it's because a page has moved, been renamed or was just typed incorrectly.

What a Waste! 

You can create a custom 404 page for your site. That way, if a customer lands on it, they can at least easily navigate to any other page on your site. If have not already created a custom 404 page it's a wasted opportunity to keep customers from going elsewhere.

It's Easy!

If you have a good host, and access to ftp then it's only 2 simple steps to rescue customers from the pesky "page not found" black hole.

Step1. Create/Edit your .htaccess file
  • Open a note pad and type: (If you already have a .htaccess file then just add this line to it)
ErrorDocument 404 /notfound.html
  • Save the file as .htaccess to your computer
  • Upload to the server using ftp in the root directory

Step2. Create your custom 404 "page not found" page.
  • Create a new html page with your main page navigation, or a site map. 
  • Let the searcher know the page they were looking for no longer exists.
  • Save the new html page as notfound.html
  • Upload it to your server using ftp in the root directory.
That's it! 

Now test it. Let's say you were wanting to purchase one of our ring guards - and by mistake you type the url as viewithere.com/ringad (or went to a page that I moved or renamed).

Instead of a generic browser error page you now see  viewithere.com/ringad (you'll have to click on the link to see what I mean). You'll notice a line that says:
We're sorry the page you were looking for was not found! It may be an old link - but you can visit any of the following pages :)
 Now a customer can easily stay on our site to find what they were looking for.

Apr 5, 2010

Customize your Blogger Header

I was surfing sites over the long weekend and saw someones company "blog" on their site. When I clicked the link I was sent to a "google blogger" page that matched their site perfectly. It made their "free" blog more impressive and professional.

Make your blogger header into a streamlined nav bar.

It wasn't as difficult as I thought and if you have an image editing program and a html editor it's just a few short easy steps to looking more professional.

Step 1
a) Create your navigation image in a program like fireworks or photoshop. Here is an example of what I mean:

b) Upload it to your server (or a free space) and copy down the URL

Step 2
a) Open your html editor (I used visual page -most html editor programs will have mapping tools)

b) Start a "new project" and insert your new image. Once it is opened if you right click (or go to image tools) you'll see a "local mapping tool".

c) Using the mapping tool highlight the area you wish to be a link and link it to the www page you want it to direct to.

d) Once completed view the page source- You'll notice it mapped the coordinates for you (I wouldn't know how it would be done manually) copy the image html into your note pad.

Step 3.
a) Go to your blogger layout to "customize" edit the header first. Take out any image already there, the title and description can be left if you want it shown.

b) "Add an element" just below the original header. The element you want to add is HTML/Javascript

c) Paste your image map code in the element box, save and....your done!

Visit our blog to see the mapped image nav bar in action http://view-it-here.blogspot.com/ - mouse over the tabs and the social network images.

Mar 24, 2010

Showing Crawl errors in Google Webmaster tools?

If you have a Google account and a website you most likely added Googles "Webmaster Tools" to your account. If not, you should! It gives you great information.

Webmaster Tools is a snapshot of everything you need to know (and it's free). The information it gathers on your site is priceless.

  • Top Search queries (impressions and clickthroughs)
  • Links to your site (who is linking to what page)
  • Keyword significance of your site
  • Crawl errors
  • Diagnostics and HTML suggestions
  • You can even go to a lab to see exactly how googlebot sees your site!
  • Site performance (how fast your site loads, tools to make it load faster)
  • If any Malware is detected on your site
  • Sitemaps can be submitted to tell Google about pages on your site they may not have discovered
  • Subscriber stats and more!
What if you don't want a page/directory to be crawled and indexed? Or the page no longer exists but made it in search results and is showing "page not found" crawl errors?

Set an easy robots.txt for Googlebot. Here's a great site that can teach you more about robots.txt http://www.robotstxt.org/robotstxt.html.

Feb 11, 2010

Edit a contact in Joomla

If you want to edit your contact form on your joomla CMS it's easy!

  • Log into your Joomla CMS admin page
  • Mouse over "Components"
  • Scroll down the drop down menu to contacts
  • Scroll over to "contacts"

The next window will show you a list of your present contacts
  • Click on the contact you wish to edit (to add a new contact click on "new" on top right)

Edit the information and details!
  • If you wish to add a second address to one contact or add additional information you can add it to the "Miscellaneous Information:" on the very bottom of the contact page.

Feb 9, 2010

Adding images to Joomla Articles

Easy steps for adding images to your Joomla CMS. Click on any images to see them larger.

  • log into admin
  • choose media manager as seen below

  • At the bottom of the media manager window you'll see an empty box followed by a "browse" button, followed by a "start upload" button.
  • click on "browse" and find the image file you wish to upload, then click on "start upload".
  • You should see your image in the thumbnails (the small pics) as in the image below.
  • Go to the control panel to add a new article (or edit a previous one).
  • In the article box you should see a "tree" image - this is what you click on to "add an image"

  • An image box will pop open and you type in the full URL (http://www.yoursite.com/images/filename.extention) of the image for example see below image.
  • After you add the image URL, you can add a description and title (good for search engines) you should see a snap shot of the image in the box if done correctly.

  • Next you can click on the Appearance tab of the same pop up box
  • You can decide the position of the image in the text of the article (center, right or left side)
  • You can set 10 vertical and horizontal space around the image
  • You can make a border around the image (a black box).
  • BE SURE to click on insert after your done!

  • Your image should now show in the article box!

E-How Articles

How to Videos & Articles: eHow.com