Quiz 3
Search Engine Optimization
* Advertise to audience - Methodology of strategies, techniques and tactics used to increase the number of visitors to a website; obtain a high-ranking placement in the search result page of a search engine
Block-level/inline
* HTML tags - elements, refer to tag's appearance * Block-level - tags occupy the entire width of the screen - Starts on new line; forces next element on new line - <br>, <h1> * Inline - tags don't occupy the entire width of the screen - Do not start on new line - Do not force the next element on a new line
Image format
* JPEG - Best for photos *PNG - Good for drawings, logos, and charts regardless of the number of colors *GIF - Good for drawings, logos, and charts with less than 256 colors *SVG - Retains crisp quality on various display devices and sizes __ * TIFF and BMP - can't be displayed by web browsers
Audio and Video
* Resizing the video player's distorts vertically; use width="" * Video format may be one of approved formats, but won't play; use encoding software to convert video to another format * Audio auto-play deactivated from copyright; no solution * Avoid these: - <iframe><iframe/> - embed Audio and video content in their websites without worrying
Black-hat
* Unethical SEO - Using the meta-description tag to insert excessive or irrelevant content - Match with <title></title> to ascertain integrity
Technique for searching
* Using the right tag for the right purpose; ranking reduced is using incorrect or misleading tags * DiscoveryStep - show results efficiently (quick and correct), search engines constantly monitor websites, index, and rank - Bots, Spiders jump from link to link exploring, logging, and ranking each page - robots.txt - prevent searching bots form indexing website or parts of your website ** In discvoery step, can use meta-description tag - increase ranking *** <meta name="description" content="A website about">; helps search engines know what site is about, content - search result page for users, accuracy is important * Sitemap - some parts private, others are able to access; XML file that lists URLs for a site along with additional metadata about each URL, so that search engines can more intelligently crawl the site - Begin and end <urlset></urlset> - Namespace in <urlset> - Entry <url> for each URL, as parent XML tag - <loc> child entry for each <url> parent tag - Other tags are optional - Put in top-level domain with robots.txt - URL address - end of the robots.txt file
Purpose of alt=""
1.) Displays a message if image fails to load (usability) 2.) Voice-over or screen-reader - inform people who can not see what the image is based on alt (accessibility) 3.) Search engines use to show users images they had searched for (SEO or findability) * Must be in img * For decorative image or describe in caption * Refrain from using image-text * Don't use "image of" or "graphic of" - redundant * If image is link - shows, indicates the destination of link * Do not use words like "link to" or "click this image" for alternative text of images as links
Audio tag
<audio><audio/> - paired, 2 required attri <audio src="" controls><audio/> * src - point location where audio is saved * controls - no values, need to play the audio * Only 3 formats are playable - MP3 - WAV - OGG
Div tags
<div></div> * Can replace other tags, but refrain from using when there could be a better suited tag - Can replace Header, Nav, Main-content, and Footer - decrease accessibility and findability (SEO)
Add images
<img src="" alt=""/> - stand alone, 2 required attributes src = where image is saved . = my folder .. = parent folder
Video tag
<video><video/> - paired, 2 required attri <video src="" controls><video/> * src - point to location in which video has been saved * Controls - no values, need to play the video
