際際滷

際際滷Share a Scribd company logo

Web Content Standards

Download as DOCX, PDF
David Rajah Selvaraj
David Rajah Selvaraj

The document outlines standards for web content including text, images, video, titles, permalinks, optimized posts and pages, and caching. It provides guidelines for font, size, and formatting of text as well as common image sizes for photos, videos, banners, buttons and thumbnails. It also includes a checklist for evaluating pages, headers, footers, links, lists and removing redundant, outdated or trivial content. Standards cover page titles, permalinks, optimized posts/pages, and implementing caching.

1 of 8
Download to read offline
Content Standards 1 Web Content Standards
Content Standards 2 Contents 1. Web Content Standards 1.1 Text 1.2 Images 1.3 Video 1.4 Web page Title 1.5 Permalink Structure 1.6 Optimized post and pages 1.7 Implement Caching 2. Content Audit Checklist 2.1 Pages 2.2 Header 2.3 Footer 2.4 Text 2.5 Images 2.6 Links 2.7 List 3. References
Content Standards 3 1. Web Content Standards Once the web page has been loaded, it has to be tested for accuracy completeness consistency spelling and accessibility These terms have the traditional meanings, and the tests are as elementary as they sound. However, itis in areas like these wherethe site is firstjudged by the website visitor. For example, if the site has numerous misspellings, theproductthat the website is offering may come into question as the visitor may feel that if the attention to detail is not given to the site, it may not be given to the producteither. 1.1 Text Font: Size: Format Paragraph : List : Heading 1 : Heading 2 : Heading 3 : Heading 4 : PageTitle : PageSub Title : 1.2. Image What sizeshould you prefer when posting images into the web? What arethe common standard photo image sizes? Every site had differentsizeimages, but somecommon themes did emerge. 240 x 160 pixels was a very common small format. Larger images were typically around 460 pixels wide.
Content Standards 4 If you make your images larger than 460 pixels, mostlayouts in mostsite designs will havesome difficulty fitting these sizes into the layout. Preferred Image Sizes 1. Very Large800 pixels 2. Large 500 or 520 pixels 3. Medium 460 pixels 4. Medium-Small 320 pixels 5. Small 240 pixels 6. Thumbnail 100 pixels 7. SquareThumb 75 pixels Banner and Buttons 1. Leaderboard 728 x 90 2. Full Banner 468 x 60 3. Half Banner 234 x 60 4. Button 120 x 90 5. Micro button 80 x 15 6. Vertical banner 120 x 240 7. Squarebutton 125 x 125 Common WebImage Sizes 1. 1024 x 768 ratio: 1.33 Thumbnail Sizes 160 x 160 ratio: 1 ** 160 x 108 ratio: 1.49 ** 160 x 120 ratio: 1.33 120 x 80 ratio: 1.5 100 x 100 ratio: 1 75 x 75 ratio: 1 Flickr Image Sizes 1. Square75 x 75 2. Thumbnail 100 x 67 3. Small 240 x 161 4. Medium 500 x 334 5. Large 1024 x768 Picassa Web Image Sizes 1. Medium 640 x 428 2. Large Thumbnail 160 x 160 3. Thumbnail 144 x 96 Video Image Sizes Youtube 425 x 355 Viddler 437 x 370 Photo Image Sizes 1024 x768 ratio: 1.33 800 x 600 ratio: 1.33 460 x 308 ratio: 1.49 ** 320 x 240 ratio: 1.33 ** 240 x 160 ratio: 1.5 ** 220 x 148 ratio: 1.49 **
Content Standards 5 2. 800 x 600 ratio: 1.33 3. 460 x 309 ratio: 1.49 4. 320 x 240 ratio: 1.33 5. 240 x 160 ratio: 1.5 6. 220 x 148 ratio: 1.49 7. 160 x 108 ratio: 1.49 8. 160 x 120 ratio: 1.33 1.3 Video Yet to Update 1.4 Web Page Title The title is designed to provide a short piece of text that should stand for the particular web page Choosing an appropriate title for the web page is crucial for both optimizing the page and searching the page. We recommend a web content meet these criteria: Use unique words and key phrases in your title, to facilitate users finding your page amongstthousands of others Use a clear, understandableand meaningful title, so that when your page is displayed on the search results page, it will speak for itself Use trigger words and plain language to stimulate the interestof the reader Keep it short, about60 to 80 characters. Search enginewill truncate the title after about 100 characters,(including spaces), and follow it with an ellipsis (the "..." symbol) But not too shortas to removeall meaning from the title Avoid excessivepunctuation, as this uses up characters Do not useALL CAPS!Our convention is Title Case for headings and electronic titles Consider: Does the title makes senseon its own? Will it attract the target users? 1.5 Permalink Structure The best SEO permalink structureis to haveyour postappears with category and the posttitle in the URL. This looks something like this: http://yourdomain.com/category/posttitle Why is this the best SEO permalink structurecompares to the other structures? To simply put, this permalink structureallows to have more keyword loaded into the URL of your post Since the category that weplaced in postunder usually related to the post title, we havethe extra SEO benefit "if other people use that permalink
Content Standards 6 structure to link the post " All the postand page slug should be unique and relevantto the title 1.6 Optimized post and pages Beforecompleting the content edit and publish, Check whether the following thing removed or not. postrevisions auto draftposts comments in the spamqueue and un-approved comments If thosething existin your website, Removeall and check every time. 1.7 Implement Caching Caching is a method of retrieving data from a ready storage(cache) instead of using resources to generateit every time the same information is needed. Using cache is much faster way to retrieveinformation and is generally recommended practice for mostmodern applications. 2. Web Content Standards Checklist 2.1 Pages The website should contain minimum 3 pages and About Us, Contact Us pages are essential, remaining should be relevant to the site. There should be proper arrangements of menus. For e.g.: the last menu should be Contact Us. All the menus should startwith the Uppercase (Capitalise). 2.2 Header Validate title, logo and tag line with limited characters.
Content Standards 7 2.3 Footer Refer the Basic and Advanced Edition Footer Standards Document 2.4 Text Use italics or bold for emphasis instead of ALL CAPS or underline. Underline is reserved for hyper-links. Remove links to off site, (external) to commercialentities. Paragraph should beleft align Do not usetable 2.5 Images Restrict image file size. Add alt-text and title for all images. Original image with good quality. 2.6 Links Don't usea hyper-link if the information can be succinctly presented on the currentpage No broken links Write self-explanatory link-text, so users know whatto expect when they click Do not usewords thatcall attention to the web such as "click here" or "follow this link" 2.7 List List items in the logical order for user Limit number of items on a list to 9 or fewer and subdividelong lists into short lists of related items Use ordered lists when the order of entries is important, bulleted when it is not Try to limit lists to no more than two levels: primary and secondary Write parallel lists: startwith the samepart of speech (e.g., noun, verb) use the same verb tense (e.g., present, past, future) use the same voice (e.g., active or passive) use the same sentence type (e.g., statement, question) 2.8. Redundant, Outdated and Trivial Content (ROT): Remove Redundant, Outdated or Trivial content (ROT). Do not duplicate information that is already on another page - link to it. Includea date on time sensitivepages.
Content Standards 8 Use dates instead of relativeexpressions of time such as "now", "shortly". Wherepossible, refer to offices or roles, not individuals. Don't usethe futuretense except in clearly dated news stories. Give generic contactdetails, not personalemail addresses. 3. References 1. Ad Unit Guidelines 2. Wikipedia Standard Ad Sizes 3. Standard Images Sizes 4. ImageDimensions In Common Usage

More Related Content

Web Content Standards

  • 2. Content Standards 2 Contents 1. Web Content Standards 1.1 Text 1.2 Images 1.3 Video 1.4 Web page Title 1.5 Permalink Structure 1.6 Optimized post and pages 1.7 Implement Caching 2. Content Audit Checklist 2.1 Pages 2.2 Header 2.3 Footer 2.4 Text 2.5 Images 2.6 Links 2.7 List 3. References
  • 3. Content Standards 3 1. Web Content Standards Once the web page has been loaded, it has to be tested for accuracy completeness consistency spelling and accessibility These terms have the traditional meanings, and the tests are as elementary as they sound. However, itis in areas like these wherethe site is firstjudged by the website visitor. For example, if the site has numerous misspellings, theproductthat the website is offering may come into question as the visitor may feel that if the attention to detail is not given to the site, it may not be given to the producteither. 1.1 Text Font: Size: Format Paragraph : List : Heading 1 : Heading 2 : Heading 3 : Heading 4 : PageTitle : PageSub Title : 1.2. Image What sizeshould you prefer when posting images into the web? What arethe common standard photo image sizes? Every site had differentsizeimages, but somecommon themes did emerge. 240 x 160 pixels was a very common small format. Larger images were typically around 460 pixels wide.
  • 4. Content Standards 4 If you make your images larger than 460 pixels, mostlayouts in mostsite designs will havesome difficulty fitting these sizes into the layout. Preferred Image Sizes 1. Very Large800 pixels 2. Large 500 or 520 pixels 3. Medium 460 pixels 4. Medium-Small 320 pixels 5. Small 240 pixels 6. Thumbnail 100 pixels 7. SquareThumb 75 pixels Banner and Buttons 1. Leaderboard 728 x 90 2. Full Banner 468 x 60 3. Half Banner 234 x 60 4. Button 120 x 90 5. Micro button 80 x 15 6. Vertical banner 120 x 240 7. Squarebutton 125 x 125 Common WebImage Sizes 1. 1024 x 768 ratio: 1.33 Thumbnail Sizes 160 x 160 ratio: 1 ** 160 x 108 ratio: 1.49 ** 160 x 120 ratio: 1.33 120 x 80 ratio: 1.5 100 x 100 ratio: 1 75 x 75 ratio: 1 Flickr Image Sizes 1. Square75 x 75 2. Thumbnail 100 x 67 3. Small 240 x 161 4. Medium 500 x 334 5. Large 1024 x768 Picassa Web Image Sizes 1. Medium 640 x 428 2. Large Thumbnail 160 x 160 3. Thumbnail 144 x 96 Video Image Sizes Youtube 425 x 355 Viddler 437 x 370 Photo Image Sizes 1024 x768 ratio: 1.33 800 x 600 ratio: 1.33 460 x 308 ratio: 1.49 ** 320 x 240 ratio: 1.33 ** 240 x 160 ratio: 1.5 ** 220 x 148 ratio: 1.49 **
  • 5. Content Standards 5 2. 800 x 600 ratio: 1.33 3. 460 x 309 ratio: 1.49 4. 320 x 240 ratio: 1.33 5. 240 x 160 ratio: 1.5 6. 220 x 148 ratio: 1.49 7. 160 x 108 ratio: 1.49 8. 160 x 120 ratio: 1.33 1.3 Video Yet to Update 1.4 Web Page Title The title is designed to provide a short piece of text that should stand for the particular web page Choosing an appropriate title for the web page is crucial for both optimizing the page and searching the page. We recommend a web content meet these criteria: Use unique words and key phrases in your title, to facilitate users finding your page amongstthousands of others Use a clear, understandableand meaningful title, so that when your page is displayed on the search results page, it will speak for itself Use trigger words and plain language to stimulate the interestof the reader Keep it short, about60 to 80 characters. Search enginewill truncate the title after about 100 characters,(including spaces), and follow it with an ellipsis (the "..." symbol) But not too shortas to removeall meaning from the title Avoid excessivepunctuation, as this uses up characters Do not useALL CAPS!Our convention is Title Case for headings and electronic titles Consider: Does the title makes senseon its own? Will it attract the target users? 1.5 Permalink Structure The best SEO permalink structureis to haveyour postappears with category and the posttitle in the URL. This looks something like this: http://yourdomain.com/category/posttitle Why is this the best SEO permalink structurecompares to the other structures? To simply put, this permalink structureallows to have more keyword loaded into the URL of your post Since the category that weplaced in postunder usually related to the post title, we havethe extra SEO benefit "if other people use that permalink
  • 6. Content Standards 6 structure to link the post " All the postand page slug should be unique and relevantto the title 1.6 Optimized post and pages Beforecompleting the content edit and publish, Check whether the following thing removed or not. postrevisions auto draftposts comments in the spamqueue and un-approved comments If thosething existin your website, Removeall and check every time. 1.7 Implement Caching Caching is a method of retrieving data from a ready storage(cache) instead of using resources to generateit every time the same information is needed. Using cache is much faster way to retrieveinformation and is generally recommended practice for mostmodern applications. 2. Web Content Standards Checklist 2.1 Pages The website should contain minimum 3 pages and About Us, Contact Us pages are essential, remaining should be relevant to the site. There should be proper arrangements of menus. For e.g.: the last menu should be Contact Us. All the menus should startwith the Uppercase (Capitalise). 2.2 Header Validate title, logo and tag line with limited characters.
  • 7. Content Standards 7 2.3 Footer Refer the Basic and Advanced Edition Footer Standards Document 2.4 Text Use italics or bold for emphasis instead of ALL CAPS or underline. Underline is reserved for hyper-links. Remove links to off site, (external) to commercialentities. Paragraph should beleft align Do not usetable 2.5 Images Restrict image file size. Add alt-text and title for all images. Original image with good quality. 2.6 Links Don't usea hyper-link if the information can be succinctly presented on the currentpage No broken links Write self-explanatory link-text, so users know whatto expect when they click Do not usewords thatcall attention to the web such as "click here" or "follow this link" 2.7 List List items in the logical order for user Limit number of items on a list to 9 or fewer and subdividelong lists into short lists of related items Use ordered lists when the order of entries is important, bulleted when it is not Try to limit lists to no more than two levels: primary and secondary Write parallel lists: startwith the samepart of speech (e.g., noun, verb) use the same verb tense (e.g., present, past, future) use the same voice (e.g., active or passive) use the same sentence type (e.g., statement, question) 2.8. Redundant, Outdated and Trivial Content (ROT): Remove Redundant, Outdated or Trivial content (ROT). Do not duplicate information that is already on another page - link to it. Includea date on time sensitivepages.
  • 8. Content Standards 8 Use dates instead of relativeexpressions of time such as "now", "shortly". Wherepossible, refer to offices or roles, not individuals. Don't usethe futuretense except in clearly dated news stories. Give generic contactdetails, not personalemail addresses. 3. References 1. Ad Unit Guidelines 2. Wikipedia Standard Ad Sizes 3. Standard Images Sizes 4. ImageDimensions In Common Usage