{
    "version" : "https://jsonfeed.org/version/1",
    "content" : "news",
    "type" : "single",
    "title" : "Avoid Weak ‘Links’ in Your Digital Chain |Digital.gov",
    "description": "Avoid Weak ‘Links’ in Your Digital Chain",
    "home_page_url" : "/preview/gsa/digitalgov.gov/cm-topics-button-component/","feed_url" : "/preview/gsa/digitalgov.gov/cm-topics-button-component/2015/02/25/avoid-weak-links-in-your-digital-chain/index.json","item" : [
    {"title" :"Avoid Weak ‘Links’ in Your Digital Chain","summary" : "Users don’t like surprises. Unexpected or unwanted content undermines the credibility of your agency and frustrates users who come to your website looking for specific information. Using links appropriately in your website content is one way to build trust with users, according to an article by Kara Pernice of the Nielsen Norman Group. Here’s a","date" : "2015-02-25T11:10:25-04:00","date_modified" : "2024-04-02T09:45:13-04:00","authors" : {"awichman" : "Ashley Wichman"},"topics" : {
        
            "analytics" : "Analytics",
            "content-strategy" : "Content Strategy",
            "plain-language" : "Plain Language",
            "search" : "Search",
            "search-engine-optimization" : "Search Engine Optimization",
            "trust" : "Trust",
            "usability" : "Usability",
            "user-experience" : "User Experience",
            "user-experience" : "User Experience"
            },"branch" : "cm-topics-button-component",
      "filename" :"2015-02-25-avoid-weak-links-in-your-digital-chain.md",
      
      "filepath" :"news/2015/02/2015-02-25-avoid-weak-links-in-your-digital-chain.md",
      "filepathURL" :"https://github.com/GSA/digitalgov.gov/blob/cm-topics-button-component/content/news/2015/02/2015-02-25-avoid-weak-links-in-your-digital-chain.md",
      "editpathURL" :"https://github.com/GSA/digitalgov.gov/edit/cm-topics-button-component/content/news/2015/02/2015-02-25-avoid-weak-links-in-your-digital-chain.md","slug" : "avoid-weak-links-in-your-digital-chain","url" : "/preview/gsa/digitalgov.gov/cm-topics-button-component/2015/02/25/avoid-weak-links-in-your-digital-chain/","content" :"\u003cp\u003eUsers don’t like surprises.\u003c/p\u003e\n\u003cdiv class=\"image image-right image-right-legacy\"\u003e\n  \u003cimg\n    src=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2015/02/250-x-185-Abstract-internet-connection-concept-with-cmputer-mouse-agawa288-iStock-Thinkstock-457944729.jpg\"\n    alt=\"Abstract internet connection concept with computer mouse\"/\u003e\u003cp\u003eagawa288/iStock/Thinkstock\u003c/p\u003e\u003c/div\u003e\n\n\u003cp\u003eUnexpected or unwanted content undermines the credibility of your agency and frustrates users who come to your website looking for specific information. Using links appropriately in your website content is one way to build trust with users, according to an \u003ca href=\"http://www.nngroup.com/articles/link-promise/\"\u003earticle by Kara Pernice\u003c/a\u003e of the Nielsen Norman Group.\u003c/p\u003e\n\u003cp\u003eHere’s a real life example: If the link above led to an article about 3D printing, you’d probably be pretty annoyed right now. Using links properly is an easy step that yields real results.\u003c/p\u003e\n\u003ch2 id=\"linking-for-good-seo\"\u003eLinking For Good SEO\u003c/h2\u003e\n\u003cp\u003eLinks affect the search engine optimization (SEO) of your website, and \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/2013/05/02/why-government-websites-need-seo/\"\u003eSEO is important for government websites\u003c/a\u003e. Search engines place weight on keywords that are part of links, and linking to credible pages is good for SEO.\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"http://moz.com/blog/10-illustrations-on-search-engines-valuation-of-links\"\u003eSearch engines use links\u003c/a\u003e to analyze the popularity of websites and pages based on the number and popularity of pages linking to them. They also use links for metrics like trust, spam, and authority, according to Ammie Farraj Feijoo, Manager of \u003ca href=\"http://search.digitalgov.gov/\"\u003eDigitalGov Search\u003c/a\u003e. Trustworthy sites tend to link to other trusted sites, while spammy sites receive very few links from trusted sources. Grow your \u003ca href=\"http://moz.com/beginners-guide-to-seo/growing-popularity-and-links\"\u003elink profile\u003c/a\u003e to improve your SEO and increase traffic to your website from search engines.\u003c/p\u003e\n\u003ch2 id=\"linking-for-good-readability\"\u003eLinking for Good Readability\u003c/h2\u003e\n\u003cp\u003eLinks also get attention. Pernice’s eye-tracking research showed that people scan content for elements that will help them achieve their purpose with the smallest amount of reading.\u003c/p\u003e\n\u003cp\u003eOne element people look for is distinct text: when links are differentiated through bolding, underlining, or unique coloring, they catch users’ attention. In fact, research has found that many people don’t read the content surrounding links: they only look at the link itself.\u003c/p\u003e\n\u003ch2 id=\"linking-for-good-user-experience\"\u003eLinking For Good User Experience\u003c/h2\u003e\n\u003cdiv class=\"image image-right image-right-legacy\"\u003e\n  \u003cimg\n    src=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2015/02/250-x-290-EPA-exit-in-red-circle-Avoid-Weak-Links.jpg\"\n    alt=\"250-x-290-EPA-exit-in-red-circle-Avoid-Weak-Links\"/\u003e\u003c/div\u003e\n\n\u003cp\u003eOpinions about linking practices are changing. Recently, a listserv discussion in the \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/communities/user-experience/\"\u003eUser Experience Community of Practice\u003c/a\u003e touched on whether links should lead users to a new tab or a new window. Community members also debated whether an icon needs to accompany a link that goes to an external website. For example, external links on \u003ca href=\"http://www.epa.gov/\"\u003eEPA.gov\u003c/a\u003e have a small “exit” box next to the link.\u003c/p\u003e\n\u003cp\u003eJohn Felleman, Industry Specialist for the Common Acquisition Platform Program Management Office in the General Services Administration, shared with the listserv how links open on \u003ca href=\"https://hallways.cap.gsa.gov/homepage/welcome.html\"\u003eGSA’s Acquisition Gateway\u003c/a\u003e. His office uses different link opening practices, depending on context.\u003c/p\u003e\n\u003cp\u003e“If we believe that the user is likely to want to continue working in their current environment, we are going to open a new tab or window,” Felleman said. “If the nature of the page they were on is more likely to have been a stepping stone to a more persistent destination, we navigate away. It is not a random ‘every link for itself’ process. We have an emerging pattern of behavior based on links being in main content, or in some sort of left/right/top or modal area.”\u003c/p\u003e\n\u003cp\u003eFelleman also noted that his personal preference is to avoid disclaimer modals.\u003c/p\u003e\n\u003cp\u003e“Unless there is a legal obligation—almost never the case—modals provide no value to the user,” Felleman said.\u003c/p\u003e\n\u003cp\u003eAccording to Jonathan Rubin, DigitalGov’s User Experience Program Manager, there are varying opinions on these topics, but the type of website an agency has should guide its linking decisions.\u003c/p\u003e\n\u003cp\u003e“It may depend on the savvy of the users, or what percentage of the content on the site is external,” said Rubin. “For example, much of the content on \u003ca href=\"http://www.usa.gov/\"\u003eUSA.gov\u003c/a\u003e is external, so putting arrows or other icons next to all of their linked content doesn’t make sense. Also, if there are a ton of links, the arrows can create visual noise that makes reading more difficult.”\u003c/p\u003e\n\u003cp\u003eRubin emphasized that agencies should conduct \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/resources/digitalgov-user-experience-resources/digitalgov-user-experience-program-test-support/\"\u003eusability testing\u003c/a\u003e to explore user needs and expectations.\u003c/p\u003e\n\u003ch2 id=\"linking-tips\"\u003eLinking Tips\u003c/h2\u003e\n\u003cp\u003eHere is a list of tips your agency can use when adding links to your content. Linking tips were compiled from Pernice’s article as well as another Nielsen Norman Group article, \u003ca href=\"http://www.nngroup.com/articles/writing-links/\"\u003eWriting Hyperlinks: Salient, Descriptive, Start with Keyword\u003c/a\u003e.\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eGood links are \u003cstrong\u003edescriptive\u003c/strong\u003e. If you want to direct users to a page about \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/2014/05/27/trends-on-tuesday-hispanic-millennials-provide-insight-on-mobile-future/\"\u003emobile trends among Hispanic millennials\u003c/a\u003e, a link to the keyword “mobile” is too vague and requires users to read more text to understand the context.\u003c/li\u003e\n\u003cli\u003eBe \u003cstrong\u003econcise\u003c/strong\u003e. Accurately describe the page you are linking to, but don’t go overboard. (This is also a good \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/2014/04/16/how-to-tell-your-agencys-story-plainly/\"\u003eplain language\u003c/a\u003e tactic!)\u003c/li\u003e\n\u003cli\u003eLinks should be in \u003cstrong\u003econtrast\u003c/strong\u003e to the background color and surrounding text. Users are looking for visual cues. The \u003ca href=\"http://www.dol.gov/\"\u003eDepartment of Labor\u003c/a\u003e offsets links in red, and when you hover over a link, the text becomes underlined and turns to blue.\u003c/li\u003e\n\u003cli\u003e\u003cstrong\u003eFix\u003c/strong\u003e or remove broken links. Broken links frustrate users, undermine your credibility, and negatively impact your SEO.\u003c/li\u003e\n\u003cli\u003eLink when \u003cstrong\u003enecessary\u003c/strong\u003e, but don’t spam your readers by linking every word.\u003c/li\u003e\n\u003cli\u003eUse \u003cstrong\u003emedia format warnings\u003c/strong\u003e to indicate when a link will connect users to files (such as PDFs or Word documents). Media format warnings can be put in parentheses after the link: several of the links on \u003ca href=\"/preview/gsa/digitalgov.gov/cm-topics-button-component/resources/\"\u003eDigitalGov’s Resources page\u003c/a\u003e lead to documents, and we put the warning after the link and offset it with a different color. The amount of information in the media format warning can vary from website to website—at minimum, indicate the type of file the link leads to.\u003c/li\u003e\n\u003cli\u003eLink to pages that contain \u003cstrong\u003eclear headings\u003c/strong\u003e. Users should immediately see that they have arrived at the correct page after clicking your link. Pernice pointed to the \u003ca href=\"http://www.fda.gov/\"\u003eU.S. Food and Drug Administration\u003c/a\u003e’s website as a good linking example. The carousel at the top of the homepage displays new articles. Pernice clicked on a carousel story titled \u003ca href=\"http://blogs.fda.gov/fdavoice/index.php/2014/09/three-encouraging-steps-towards-new-antibiotics/\"\u003eThree Encouraging Steps Toward New Antibiotics\u003c/a\u003e. When that story was clicked, the page loaded with the correct, clearly labeled article about antibiotics.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cdiv class=\"image\"\u003e\n  \u003cimg\n    src=\"https://s3.amazonaws.com/digitalgov/_legacy-img/2015/02/600-x-372-FDA-carousel-and-page-side-by-side.jpg\"\n    alt=\"600-x-372-FDA-carousel-and-page-side-by-side\"/\u003e\u003c/div\u003e\n\n\n"}
  ]
}