Web&UI Lab 2

19 Feb 2022

Web&UI Lab 2

Part II – Using in an HTML5 page (record in blog)

Identify four different uses of the meta tag.

   Define keywords for search engines:
   <meta name="keywords" content="HTML, CSS, JavaScript">

   Define a description of your web page:
   <meta name="description" content="Free Web tutorials for HTML and CSS">

   Define the author of a page:
   <meta name="author" content="John Doe">

   Refresh document every 30 seconds:
   <meta http-equiv="refresh" content="30">

   Setting the viewport to make your website look good on all devices:
   <meta name="viewport" content="width=device-width, initial-scale=1.0">

Put a meta tag for each of these uses into your Fish Creek Web Pages.

   <meta name="keywords" content="Animal, Hospital, Veterinarians, Vets, Fish Creek">
   <meta name="description" content="Fish Creek Animal Hospital”">
   <meta name="author" content="Magda Patel ">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">

Copy the head section/make a screenshot of one of the web pages with the meta tag and paste into your blog.

   <head>
     <meta charset="UTF-8">
     <title>Fish Creek Animal Hospital</title>
     <meta name="keywords" content="Animal, Hospital, Veterinarians, Vets, Fish Creek">
     <meta name="description" content="Fish Creek Animal Hospital”">
     <meta name="author" content="Magda Patel ">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   </head>

Part III – Search Engine Optimisation (SEO) (record in blog)

Read some of the following articles on Search Engine Optimisation (SEO): http://netm.ag/seostarter-238
https://moz.com/beginners-guide-to-seo
https://www.ilfusion.com/4-seo-trends-to-watch-out-for-in-2022 https://www.singlegrain.com/seo/effective-seo-techniques-that-work/
https://www.searchenginejournal.com/seo-basics-to-be-successful/343811/#close https://www.lyfemarketing.com/blog/what-is-seo-and-how-it-works/
Based on reading the aforementioned article(s), or other research/experience, outline four SEO guidelines that you will employ when designing your own websites.
- Create unique, accurate page titles using <title>
- Make use of the “description” meta tag. Google might use them as snippets for your pages.
- using the “alt” attribute
- Supply an Image Sitemap file
- Automatically add “nofollow” to comment columns and message boards to avoid passing reputation to spam site through user posted links.
- Using structured data, rich snnipets.(Using JSON-LD )
- Built to share through social networks.
- Improve loading speed
- Use long tail key words
Write two pieces of code that you will include on your Fish Creek website to improve the SEO of the website.

Part IV – Setting up Github (OPTIONAL)

Read the following articles on Github: http://readwrite.com/2013/09/30/understanding-github-a-journey-for-beginners-part-1 https://product.hubspot.com/blog/git-and-github-tutorial-for-beginners
Watch the following tutorial on Github:
https://www.youtube.com/watch?v=0fKg7e37bQE
Set yourself up on Github. You should store all of your code files here.