{"id":757,"date":"2018-10-17T14:15:20","date_gmt":"2018-10-17T18:15:20","guid":{"rendered":"https:\/\/new.umaine.edu\/userguide\/?p=757"},"modified":"2018-10-17T14:18:01","modified_gmt":"2018-10-17T18:18:01","slug":"best-practices-for-umaine-web-managers","status":"publish","type":"post","link":"https:\/\/umaine.edu\/userguide\/2018\/10\/17\/best-practices-for-umaine-web-managers\/","title":{"rendered":"Best practices for UMaine web managers"},"content":{"rendered":"<div class=\"pf-content\">\n<h3><strong>Following a few best practices will help make your web pages polished and professional.<\/strong><\/h3>\n<p><strong>Proofread your pages<\/strong> or ask someone else to proofread them, since it\u2019s often hard to spot your own mistakes. Typos and grammatical errors erode our credibility as an educational institution. It\u2019s pretty embarrassing that the most commonly misspelled word on our web pages is \u201cuniversity\u201d!<\/p>\n<p><strong>Use underlining <em>only<\/em> for hyperlinks.<\/strong> Underlines are a cue to users that a word or phrase is an active link. Users become frustrated when they scroll over underlined words or phrases and find there\u2019s no link. Use bold and\/or italics for emphasis.<\/p>\n<p><strong>Use meaningful words and phrases in your links.<\/strong> To help users and search engines, avoid \u201cclick here\u201d type links or linking URLs. Be clear about where links are taking users. For example:<\/p>\n<p><strong>DON\u2019T:<\/strong> \u201cTo learn more, <a href=\"https:\/\/extension.umaine.edu\/harvest-for-hunger\/\" target=\"_blank\" rel=\"noopener\">click here<\/a>.\u201d<br \/>\n<strong>DON\u2019T:<\/strong> \u201cTo learn more, visit <a href=\"https:\/\/extension.umaine.edu\/harvest-for-hunger\/\" target=\"_blank\" rel=\"noopener\">https:\/\/extension.umaine.edu\/harvest-for-hunger\/<\/a>.\u201d<\/p>\n<p><strong>DO:<\/strong> \u201cTo learn more, visit <a href=\"https:\/\/extension.umaine.edu\/harvest-for-hunger\/\" target=\"_blank\" rel=\"noopener\">Maine Harvest for Hunger<\/a>.\u201d<br \/>\n<strong>DO:<\/strong> Make email addresses active links.<\/p>\n<p><strong>When linking to a PDF, Word or Excel document<\/strong>, let the user know by including (PDF) or (Word) or (Excel) or (Google Doc) in parentheses as part of the link, like this: <a title=\"General Release Form\" href=\"https:\/\/extension.umaine.edu\/plugged-in\/wp-content\/uploads\/sites\/80\/2011\/06\/UMreleaseform.doc\">Release Form (Word)<\/a>.<\/p>\n<p><strong>Use the first name and ONLY a last initial when referring to youth<\/strong> who are participating in our programs, to help protect their identities online.<\/p>\n<p><strong>Be consistent with the way dates and times are displayed.<\/strong> You can choose a.m. or AM, Oct or October, Mon or Monday, it doesn\u2019t matter as long as they\u2019re the same throughout a document.<\/p>\n<p><strong>Don\u2019t use tables to organize calendars and agendas.<\/strong> Tables should be used for tabular data only.<\/p>\n<p>When listing calendar events, keep the formatting simple and consistent so they display well on all devices. Something like:<\/p>\n<div><b>September 5, 2018: <\/b>Event, Time, Location, Description, Presenter<\/div>\n<div><b>September 6, 2018:\u00a0<\/b>Event, Time, Location, Description, Presenter<br \/>\n<b>September 7, 2018:\u00a0<\/b>Event, Time, Location, Description, Presenter<\/div>\n<div>\n<p>When adding an agenda, keep the formatting simple and consistent so they display well on all devices. Something like:<\/p>\n<div><em>8:00 AM:<\/em><strong>Title of Session<\/strong>, Description, Presenter<\/div>\n<div><em>9:00 AM:<\/em><strong>Title of Session<\/strong>, Description, Presenterr<br \/>\n<em>10:00 AM:<\/em><strong>Title of Session<\/strong>, Description, Presenter<\/div>\n<\/div>\n<p><strong>Include ALT text on all images<\/strong> to make them ADA compliant. For more info, see <a title=\"How to add alternative descriptions to photos and graphics\" href=\"https:\/\/extension.umaine.edu\/plugged-in\/policies-guidelines\/ada-compliance-checklist\/how-to-add-alternative-descriptions-to-photos-and-graphics\/\">How to add alternative descriptions to photos and graphics<\/a>.<\/p>\n<p><strong>Optimize your images for the web<\/strong> before uploading them to your Media Library to improve download times for clients and save server space. UMaine requires all images to be 1M or less before uploading. For more info, see <a href=\"https:\/\/extension.umaine.edu\/plugged-in\/technology-marketing-communications\/web\/prepare-images-for-web\/\">How to prepare images for the web, using Preview on Mac<\/a>.<\/p>\n<p><strong>Most online users prefer regular web pages over PDFs<\/strong> and, given the choice, will choose to download a web page. This is especially true of users on mobile devices or with limited data plans. Use PDFs sparingly. <em><strong>PDFs must be made ADA compliant before being uploaded to our website or you must provide a compliant text alternative in addition to the non-compliant PDF.<\/strong><\/em> For more information, see <a title=\"How to check if a PDF is accessible and what to do if it's not\" href=\"https:\/\/extension.umaine.edu\/plugged-in\/policies-guidelines\/ada-compliance-checklist\/how-to-check-if-a-pdf-is-accessible-and-what-to-do-if-its-not\/\">How to check if a PDF is accessible and what to do if it\u2019s not<\/a>.<\/p>\n<p><strong>Use the Paste As Text tool on your toolbar when copy\/pasting from an email.<\/strong> Copy\/pasting directly from a Word document works quite well, however, copy\/pasting from an email can bring in a bunch of junk code with it, making formatting more difficult.<\/p>\n<p><strong>\u00a0Use tables only for tabular data<\/strong>, not for formatting the layout of the page. <strong>Avoid trying to force text to align by adding extra spaces.<\/strong> When you allow text to flow naturally, it will display well on all devices: computer screens, tablets, mini-tablets, and smartphones. <strong><em>TIP:<\/em> <\/strong>To single space between paragraphs, hold down your shift key while hitting Return (or Enter). Avoid multiple spaces between paragraphs to minimize users\u2019 need to scroll.<\/p>\n<p><strong>Phone numbers \u2014 <\/strong>UMaine\u2019s brand standards require dots instead of dashes in phone numbers:\u00a0<span id=\"footer-inner-phone\">800.287.0274 (in Maine)<\/span> not\u00a0<span id=\"footer-inner-phone\">800-287-0274 (in Maine). <\/span>Be sure to include \u201cin Maine\u201d in parentheses after our 800 number:\u00a0<span id=\"footer-inner-phone\">800.287.0274 (in Maine)<\/span>.<\/p>\n<\/div>\n<p>Adapted from \u201cHow To\u201d Tips for UMaine Extension Web Managers, University of Maine Cooperative Extension.<br \/>\n<a href=\"https:\/\/extension.umaine.edu\/plugged-in\/\">Link to Plugged In website<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Following a few best practices will help make your web pages polished and professional. Proofread your pages or ask someone else to proofread them, since it\u2019s often hard to spot your own mistakes. Typos and grammatical errors erode our credibility as an educational institution. It\u2019s pretty embarrassing that the most commonly misspelled word on our [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"6","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","spc_primary_category":0},"categories":[6],"tags":[],"class_list":["post-757","post","type-post","status-publish","format-standard","hentry","category-advice"],"taxonomy_info":{"category":[{"value":6,"label":"Advice"}]},"featured_image_src_large":false,"author_info":{"display_name":"bmccann","author_link":"https:\/\/umaine.edu\/userguide\/author\/bmccann\/"},"comment_info":"","category_info":[{"term_id":6,"name":"Advice","slug":"advice","term_group":0,"term_taxonomy_id":6,"taxonomy":"category","description":"","parent":0,"count":69,"filter":"raw","cat_ID":6,"category_count":69,"category_description":"","cat_name":"Advice","category_nicename":"advice","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/comments?post=757"}],"version-history":[{"count":2,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/757\/revisions"}],"predecessor-version":[{"id":759,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/posts\/757\/revisions\/759"}],"wp:attachment":[{"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/media?parent=757"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/categories?post=757"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/umaine.edu\/userguide\/wp-json\/wp\/v2\/tags?post=757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}