Website Evaluation for Kudler Fine Foods
Basic XHTML Tags and Attributes
To create a website there must be a standard of using the correct markup language to produce the results that would be pleasing to the user and client. This markup language, commonly known as XHTML, is easy to recognize once a person takes the time to understand what all of the symbols and syntax mean. Usually a web developer places a few notes in the document so that if someone had to manipulate the website there would be no guess work as to what all the coding does to produce the end result. In the prototype that is provided the beginning section is like all beginning sections-it lets the browser know exactly how to interpret the following sections of markup language.
The first section before getting to the title of the webpage is where all designers know to place the DOCTYPE and W3C information. Although you will find some of the same items in an HTML document, XHTML is much stricter. HTML will allow for some laziness on the part of the designer but this also causes many problems that may cause a user to no longer visit your page. By stating in the DOCTYPE what version of the Markup Language that is being used, the browser knows how to translate the information. There are 3 different versions of the markup language- Transitional, Strict, and Frameset. These designations allow for a browser to tell a validator which version of the html language to use to check the syntax of the document. Once this is established, the next step is to get started on creating the XHTML document. The first step after the DOCTYPE is stated is the information the opening HTML tag. There is also the need for the developer to allow the browser to know what type of information to expect. The pattern that the document follows after the declaration information is given allows for an easier way to identify the tags and attributes used in the prototype.
The first section of the document is the section. This is where the designer places the title of the page. This area is also where CSS information is placed, whether it be embedded or external. If CSS info is not included this can be a very short section.
Search Engine Optimization using Metadata
So the next step is making sure that customers make it to the website and this is done by using Search Engine Optimization or SEO. SEO is making sure that users are steered to the site when using search engines. The website will be created utilizing meta tags within the code to call out certain keywords, definitions and authors. The meta tag will be placed within the heading tag and using the keyword type, definition type and also the author type; the search engine will crawl through these tags and be able to quickly spot if this site and/or page is a potential search candidate.
The first meta tag is the keyword type. This type allows the designer to choose several keywords that are fitting to the website and mostly a certain web page. The first step in entering these meta keywords into the code is first off finding the right words to use. Keywords are very important when it comes to searching the internet. The keywords that will be chosen for Kudler Fine Foods will have to either define the site or the page that is being searched. For instance since Kudler Fine Foods sells all kinds of products, each product will have its own page. Within that page there will be a meta tag with keywords that represent or define that specific product. So this means that each individual item will have it’s on web page and within each page there will contain a meta tag with the keyword type imbedded into the heading. This will help guarantee that when that particualur item is searched for that Kudler Fine Foods will be a potential search engine candidate.
The next meta tag type is description; this type is what the search engine will crawl over and it just gives a short description of the website or page. This also will need to have the right wording and phrasing to make sure that the website has a greater potential during searches. This type is usually restricted to a sentence that best describes the website as a whole. This meta tag is also located in the heading of the programming and can also be placed on each page, to insure best optimization.
The final meta tag is the author; this is the simplest type since it just contains the author of the website and/or page. This tag is also contained in the heading tag and can be placed in each page. There can be a number of authors however and all of them will need to be entered into the tag.
With the meta tags and their corresponding types the chances are increased for search engines to make the website or an individual page a candidate and be placed in the results of the user’s search. Since the meta tag points the search engine to look at those specific keywords and phrases you have a better chance of having the search engine place your site or page in the results instead of skipping over the site altogether.
Designing a working prototype website for Kudler Fine Food’s has finally come full circle. The prototype includes a mock up of what the e-commerce section will look like and how it will interact with the user. The prototype was designed with the basic HTML and XHTML techniques starting from picking the strict DOCTYPE to picking the basic tags that outline the site. The site will be an easy task for anyone to come into and change or redesign with a few swipes of the keyboard by changing key elements in the Cascading Style Sheets. New products can easily be added while old products can be just as easily taken off the site. The use of meta tags will ensure that the search engine optimization is in place to help the site end up on search results. This prototype easily allows Kudler Fine Food’s the ease to start with a working product and change and finesse the site to their idea of an end result.