Quick navigation panel Configuring a weather-web-camera on a network Launching a weather web-camera Welcome page Top of page Bottom of page
Creating a homepage for a weather web-camera

This section explains how to create a homepage for a weather camera. In particular, creating a simple homepage with HTML, meta-tags and search engine optimisation for search engine indexing.


Weather web-camera homepage

Some web-camera manufacturers do provide as part of their package, a custom web page to view a web-camera. This web page may also provide image archiving and live streaming. However, this is service provided and maintained by them for only their customers and, the configuration of the web page may require disclosure of the IP address of the web-camera; which does have security implications.

It is possible to build a customised personal homepage for a weather web-camera; one using tailored fonts and styles. Rather like a personal homepage, this web page can reside on the free disc space that comes with most ISP packages. The web-camera could even display an image on a MySpace type page. For most weather web-camera applications, all that is needed is for the web-camera to upload the image at regular intervals to the free disc space on the ISP's server. The homepage then becomes the known place for the weather web-camera.

It is important that a web-camera uploads its image to a remote server. If a web-camera was to grant browsers from anywhere on the internet access to the image directly via it's built in web server, this would have significant security implications. Implications not only to the web-camera, but the entire network the web-camera was attached to. This is because a hacker will not only be able to identify where on the internet the web-camera is, but also it's router and, all of the other computers attached to the router. By uploading to a remote server, such as that owned by the ISP, the web-camera's real location remains hidden and safe. To do this, the web-camera will need to be configured to upload images automatically to the remote server at regular intervals.

Example plug-in upgrade messages Having a weather web-camera homepage reliant on third party plugins such as Java™ or Adobe(Macromedia) Flash™ is fine, provided the visitor to your homepage already has them installed on their browser. If they do not, then they are unlikely to stick around and go through the installation process. This example homepage shall display a basic Jpeg image, which is both easier and quicker for all concerned.



System plan

A plan of how an IP web-camera interacts with the free web space. Note how every other person on the internet has unrestricted accesses the homepage on the ISP but not the camera directly. This decouples the web-camera and it's network from world-wide hackers.

System diagram for the homepage



A simple homepage

This is HTML code for a very simple homepage that displays a greeting and the uploaded weather image. HTML, or Hyper Text Markup Language is a set of commands that format web pages. This web page is formatted using HTML. To create and edit an HTML document requires only a simple text editor, such as Notepad. Simple HTML files are given the file extension of .htm

<html>
<head>
  <title>The Malaisey in Cornwall Weather Camera</title>
</head>
<body bgcolor="deepskyblue" text="white">
  <div align="center">
    <h1>Saint Malaisey Cornwall<br>Weather Camera<br></h1>
    <img src="SaintMalaiseyWebcam.jpg" border="1" width="320" height="240"
         alt="most recent image"/>
    <h2>If it's sunny then it's going to rain</h2>
    <h2>Thank you for visiting!</h2>
  </div>
</body>
</html>


This HTML is created in a text editor and saved to a file called SaintMalaiseyWebcam.htm
This will be the homepage for the weather web-camera.

The file SaintMalaiseyWebcam.htm is then uploaded to the (hypothetical) disc space belonging to user handyandy21 on the bigbad ISP.

Then, the weather web-camera is then configured to upload it's image at regular intervals to the same directory on the ISP that contains the homepage. It is uploaded with the file name of SaintMalaiseyWebcam.jpg This is the image that is seen on the homepage. This latest image always overwrites the previous one. If for any reason the weather web-camera fails to upload the image, the most recently uploaded image is always be available for display.

To view the homepage the following (hypothetical) domain name is then entered into a web browser http://handyandy21.myfreespace.bigbad.net/SaintMalaiseyWebcam.htm

The simple homepage


Example homepage
Click HERE for a production version of the example homepage. Use the view source feature in the web browser to examine the underlying HTML. thumbnail


Meta-Tags

Meta-tags are added to a web page to provide information about a web page, but their content is never displayed by a browser. There are three meta-tags to be concerned with here: The description meta-tag states what the page is about. The keyword meta-tag provides words to assist search engines index the page. The Robots index meta-tag that instructs search engines to automatically add this page to their indices if, the page is encountered by a search engine spider; this a programme that trawls the internet for web sites.

<head>
  <title>The Malaisey in Cornwall Weather Camera</title>
  <meta name="Keywords"  content="weather, web camera, webcam, malaisey, cornwall, surfing, beaches, atlantic, beaches, storms"/>
  <meta name="Description"content="This is a web camera in Malaisey in Cornwall"/>
  <meta name="Robots"content="index"/>

</head>


The keywords webcam, atlantic, weather, etc, will be applicable for anyone trying to find this homepage in a search engine. Add what ever terms are applicable, even if they seem obvious!

However, the big search engines such as MSN, Yahoo, Altavista and Google, place more weight on words contained in titles, headings and page content rather than values held in meta-tags. This is because search engines index the contents of a single web page and not, the topic of an entire a web site. Some search engines do focus on meta-tags, however, it is a safer bet to Search Engine Optimise the homepage, rather than rely on depreciated keyword and description meta-tags.



Search engine optimisation

Simply, Search Engine Optimisation, or SEO, is the clever construction of words on a web page that improves the chance of that web page receiving a higher page ranking on a search engine when, a person does a search with a related search phrase. For example, searching MSN for Shaun the sheep will never yield any web pages that do not contain that phrase; although this page is now indexed with that phrase!

It is a misconception that search engines index websites. They only ever index web pages contained within a web site. Furthermore, they generate their indices using the words on those pages and not the meaning or context of those words. This means that particular care should be taken with the content of a web page because, people will often discover the entire web site, based upon the words and phrases contained on a single web page. People will intuitively know that the above homepage features a weather web-camera view, but a dumb search engine does not; and neither does its index.

A well optimised web page respects the terms that people are more likely to use when looking for that page. For example, when searching for weather cameras, people are more likely to use search terms like weather wecams, than pretty skies. With the example homepage, they may also be searching for webcams in cornwall, saint malaisey and, any combination thereof. Deciding upon the most likely search terms is more often an intelligent best guess. Always be ready to revise titles and content when some new phrase or permutation becomes apparent!

The most popular search terms that are relevant to the content should always go in the page's Title tag. Thus, The Malaisey in Cornwall Weather Camera. Search terms must also be worked into the page's content to aide indexing. Hence, Saint Malaisey Cornwall, Weather Camera appearing on the page; a page which is also given the filename of SaintMalaiseyWebcam.htm

Other phrases that could be worked into the homepage include weather web-camera, web cam, and it's alternate spelling, webcam. Alternate spellings should be used sparingly as a search engine may ignore these. Adding unrelated cheat terms like Jolie-Anniston-Pitt may get the page's rank dropped from first to last place! The homepage can be further optimised by adding the some more content specific terms like beaches, tides, sea, Atlantic, storms, surfing in Cornwall, clouds, Cornwall cottages.

SEO is really just good copy writing.

<h3>Saint Malaisey is a traditional Cornish village by the sea. At low tide we have two fantastic beaches and at high tide, a lookout which is great for watching the Atlantic storms pounding our coast. Throughout the year we offer great food and a warm welcome. In 2005 we became an official Surfing in Cornwall centre. Enjoy us all year round! We've cottages for rent in Saint Malaisey and throughout Cornwall too.</h3>

Picture of seach engine page
A well optimised page may not win extra clicks, but a badly optimised page
will always lose them.



Summary
  • Uploading images to a remote server keeps the real internet location of the web-camera concealed and safe from unauthorised access.
  • Keyword meta tags are nice to have, but these days are not a need to have.
  • Search engine optimise the homepage; use words in the content that people are most likely to use when searching for weather web-cameras.
  • The homepage is your page; be free to design it with custom content, colours and fonts!
Configuring a weather-web-camera on a network Launching a weather web-camera