11. Which meta tag and properties do you need to set to make your pages responsive in desktop and mobile viewports?
- <meta name=”viewport” content=”height=device-height, initial-scale=1” />
- <meta name=”viewport” content =” width = device-width, initial-scale = 0” />
- <meta name=”viewport” content =” width = device-width, initial-scale = 0” />
- <meta name=”viewport” content=”width=device-width, initial-scale=1” />
12. How do you tell Google you don’t want to provide an automatic translation for your page if the user uses a different language?
- <metaname=”language” content=”english” />
- <meta name=”googlebot” content=”english” />
- <meta name=”googlebot” content=”notranslate” />
13. Which of the following statements are true about HTTP-equiv tags? Select all that apply.
- They are useful if you don’t have access to the server configuration
- They are the recommended way to set HTTP response headers
- They can simulate HTTP response headers
Knowledge check: Open Graph Protocol
14. How does the Open Graph Protocol (OGP) name the meta tags?
- using id attribute
- using name attribute
- using property attribute
16. Which property should be used to define a URL of an image that must display when the website is shared on social media?
- og:image
- src
- og:url
- href
17. Which property is used to define the language of the content being shared?
- og:description
- og:type
- og:lang
- og:locale
18. The type property defines the type of the content. For example:
< meta property="og:type" content="website" />
Which property would mention the name of the website?
- og:title
- og:site_name
- og:name
- og:description
Shuffle Q/A 2
19. When sharing your blog post, which property would you use to provide the link to the actual post?
- og:url
- og: image
- og:description
Knowledge check: Semantic and meta tags
20. When setting up viewport metadata for mobile experiences, the ideal suggested value for 'initial-scale' is:
- -1
- 100
- 0.1
- 1