Lab2

Adding <meta> tags to Fish Creek Web Page


Character Encoding

  • Specifies the character set used in the document (prevents character corruption).

Author Information

  • States the author of the web page.

Description for SEO

  • Provides a summary of the page’s content, which may be shown in search engine results.

Viewport Settings

  • Makes the site responsive (especially for mobile devices).










Using ChatGPT to Understand SEO Techniques in HTML/CSS

What I Learned from ChatGPT and Whether I Could Corroborate It

When I asked ChatGPT how to incorporate SEO techniques into HTML and CSS, it provided several useful suggestions. These included:

  • Using descriptive and unique <title> tags on each page

  • Adding <meta> tags like description, author, and viewport for mobile responsiveness

  • Structuring content with proper heading tags (<h1>, <h2>, etc.)

  • Including alt attributes for images to improve accessibility and SEO

  • Linking pages together to support internal navigation and indexing

To verify this information, I reviewed articles from a few reputable sources:

These articles confirmed the ChatGPT response. Most of the sites provided more advance solutions and a deeper understanding of how search engines work and what exactly optimisation can improve but the basics remained largely the same. They emphasised the importance of title and meta tags, mobile optimisation, clean site structure, page speed, and semantic HTML. I was able to corroborate all the main points, which shows that the advice ChatGPT gave was reliable and based on widely accepted SEO practices.


Here are two pieces of code that I will use on my Fish Creek website to improve SEO:

<meta name="description" content="Fish Creek Animal Hospital offers 24/7 veterinary services including medical, surgical, and dental care.">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

The description meta tag provides a summary that can appear in search engine results and improve click-through rate.
The viewport tag ensures your site is mobile-friendly, which is an important  ranking factor in Google search.

Comments

Post a Comment

Popular posts from this blog

Lab 4

Image
Part I  Test your code with the HTML validator     -     The problem it highlighted was that I have not yet used a language attribute in my html start tag.      -     This problem was easily resolved.  Test your code across three browsers     -     The browsers I used were Google Chrome, DuckDuckGo and Safari. All three appeared the same and I didn't face any issues.  Part II – Web Development Tools  1. The page looks poorly suited to a mobile device. Most of the website sits at the top of the screen and when it is turned to a horizontal view it is still poorly laid out.  When developing my website I will use this tool to test if my website is well adapted for mobile devices. 2.  Firefox has the Firefox Developer Tool which  inspect and edit HTML/CSS live, debug JavaScript in real-time, analyse network activity and performance and view responsive layouts for d...
Read more