Lab2nd Part II and III– Using "meta" and other tags for SEO

SEO in the Fish Creek Hospital Web Page


 Search engine optimization (SEO) is a crucial element to be considered while designing websites, for websites to be search-friendly and easy to locate on search engines. Usage of proper titles and headers increases SEO drastically with the help of relevant tags on the html script. Meta tags are also another great way to optimize what will be displayed in the search engines. Meta tags might be applied for keywords, site description, author name etc. (as can be seen on the Fish Creek Animal Hospital Site). Alt tags and internal links are considered just as important in terms of SEO while designing the page.    

 In future web designs, I will be using titles/headers/meta tags/ alt tags and both internal and external links via 'nav' and 'a' tags so that the designed website will appear accordingly to user needs. 

While designing Fish Creek Website, I implemented mostly descriptive meta tags alongside essential titles and headers. Another code tag I choose to use on the site was img code which links images to the website rather then inserting them, so even though the img tag holds a space for references image, later on the image should be inserted.

<meta charset="UTF-8">
<meta name="keywords" content="Fish Creek, Animal Hospital, Veterinarians, Animal Services">
<meta name="description" content=" Fish Creek =Animal Hospital provides a large selection of health improvement services for both pets and wild animals in nature.
The services of Fish Creek Animal Hospital are available without any bookins required and we also online consultancy 24/7.">
<meta name="author" content="Polen Koyuncu D21124519">
<img src="animal_hospital.jpg" alt="Fish Creek Animal Services"

3. Write two pieces of code that you will include on your Fish Creek website to improve the SEO of the website.


I used img for SEO as well as meta codes, which I will be keep using in the future.

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

Lab 3& Blog3 - Analysing Websites & Starting CSS

Resim
Page Layout   The website I analyzed is oitheblog.com, it's a travel guide website, that I have been using for a couple of years, I find its design pretty appealing and also user-friendly While looking through their coding tables I realized it was well structured and well organized as well as well designed.  It is simply decorated and coded. The majority of the flow included div/span and class tags which I found reasonable. Cognition - Q3 - Q7 US University Websites Analyzed universities are: 1-   Brown University 2-  Texas A&M University 3-  MIT 4-   University of St. Louis From an initial look, the major similarity I detected between US websites, was visual variety. In 3 out of four pages used videos on their home page. It is easy to tell that all sites are focused on advertisement rather than information as well as TU Dublin's site. Only MIT's website is more informative with the amount of research advertisement they have. Overall, I found all 4 webs...
Devamı

Blog1& Lab 1st - Beginning Web Development

Resim
Beginning Web Development  Part 2. A    Wire-framing vs. prototyping: What’s the difference? A wireframe is a web page layout that shows what interface features will be present on key pages. Whereas prototypes are more detailed, visually structured representations. Prototypes, allow users to evaluate the interface and interactions of a digital product, and this interactivity can be beneficial during application usability testing.                                                                                                        Image Credit: bluearcher.com Even though wireframes and prototypes serves the aim of displaying the final product in web design, they do differ in several ways in terms of how detaile...
Devamı