Loopstudios landing page

Community feedback

• 

  Mennatallah Hesham•1,490

  @Mennatallah-HishamPosted about 1 year ago

  Hi Prabhanjan,

  you did great in this challenge

  I have few suggestions for you

  • you can improve your HTML markup using meaningful tags, like <ul> for lists <footer> instead of <div id="footer">

  <header> 
   <nav>
  </header>
  <main/>
  
  <footer/>
  

  • make sure to add href="#" to your <a>
  • each page should have only one <h1>, it's better for SEO
  • it is also a good practice to add a meta description
  • for the social section, <a> should be used

  <a href="#" aria-label="facebook">
  <svg aria-hidden="true"/>
  </a>
  

  • aria-hidden="true" is used so that the img is not read by screen readers

  Here are some helpful articles

  1. Meta description: https://moz.com/learn/seo/meta-description
  2. Semantic Html: https://web.dev/learn/html/semantic-html/
  3. Headings best practices: https://medium.com/swlh/html-heading-tags-best-practices-78a85f63df47

  Hope you find this helpful, Happy Coding

  Marked as helpful

  0

  ---

  

  Prabhanjan Misra•150

  @PrabhanjanmisraPosted about 1 year ago

  @Mennatallah-Hisham Thank you so much for your helpful advice. I'll make sure to keep your tips in mind while working on future projects.

  1