{"id":9763,"date":"2021-04-22T15:44:22","date_gmt":"2021-04-22T19:44:22","guid":{"rendered":"https:\/\/www.ladybugz.com\/?p=9763"},"modified":"2023-10-20T02:49:10","modified_gmt":"2023-10-20T06:49:10","slug":"marrying-seo-with-ux-for-page-rankings-traffic-and-retention","status":"publish","type":"post","link":"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/","title":{"rendered":"Marrying SEO with UX: A Winning Combination"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Marrying SEO (Search Engine Optimization) with <a href=\"https:\/\/www.ladybugz.com\/ux-or-ui-design\/\">UX (User Experience)<\/a> is a winning combination for increased page rankings, website traffic, and user retention.\u00a0 Gone are the days when SEO (Search Engine Optimization) and User Experience (UX) were two completely separate website functions &#8211; now website design and development implement marrying SEO with UX. More than ever, these two areas work together to meet website objectives: to increase high-value traffic\u2014and then retain, engage, and convert visitors. Whether you\u2019re talking about satisfying the needs of search engines or users, SEO and UX are partners in the conversation.\u00a0<\/span><\/p>\n<h2><span style=\"color: #ed4228;\"><b>SEO and UX work hand-in-hand to meet website goals.\u00a0<\/b><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">SEO and UX are complementary partners in developing a successful website. First, we look at <a href=\"https:\/\/www.ladybugz.com\/1thing-you-should-do-to-increase-seo\/\">SEO\u2019s role in sending relevant organic traffic<\/a> to our website. We accomplish this by helping Google find our pages, index them, and rank them for search queries. Second, we look at UX\u2019s role in providing users with relevant, valuable information so they stay on our site.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">So which is more important\u2014SEO or UX? This is a trick question! The reason is that neither can exist without the other, and both are required to reach website goals.\u00a0<\/span><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-9765 aligncenter\" src=\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/04\/image-300x205.png\" alt=\"Marry SEO and UX diagram\" width=\"355\" height=\"243\" srcset=\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/04\/image-300x205.png 300w, https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/04\/image.jpg 521w\" sizes=\"(max-width: 355px) 100vw, 355px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">The question to answer next is how to combine best practices for marrying SEO and UX on our websites. Here are some key lessons:<\/span><\/p>\n<h2><span style=\"color: #ed4228;\"><b>Select keywords in a different way when marrying SEO with UX.<\/b><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Keywords have long been <\/span><i><span style=\"font-weight: 400;\">THE<\/span><\/i><span style=\"font-weight: 400;\"> central element in our SEO toolbox, but Google search has to better match webpages with search queries. Its search algorithm now uses AI to discern user intent and identify the context of words used in a search\u2014rather than look at words and phrases on their own.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As a simplistic example, instead of just finding \u201ccurtain\u201d in a search query, Google can use the entire search term to better understand if a user <\/span><span style=\"font-weight: 400;\">wants to know how to make curtains, different styles of curtains, or where to buy curtains \u201cnear me.\u201d The intent + context equation is further reinforced by the rise of <\/span><span style=\"font-weight: 400;\">voice search, where queries are based on more natural speech patterns.\u00a0<\/span><\/p>\n<h3><strong>The end result looks something like this:<\/strong><\/h3>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use long-tail keywords that mirror natural speech to mirror the search term and improve page rank.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Apply SEO techniques to further help searchers notice and encourage them to click for better search traffic.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Deliver high-value pages that meet the user\u2019s expectations based on the SERP listing.\u00a0\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use UX techniques to engage and convert visitors.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Once we get search traffic, good UX will deliver on what the search listing has promised and keep the <a href=\"https:\/\/www.ladybugz.com\/9-ways-to-transform-your-homepage-from-mess-to-success\/\">visitor engaged on our website.\u00a0<\/a><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Users have a positive experience, signaling to Google that the page delivers high-value information for the query\u2014reinforcing high page rank and increased traffic.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">This will, in turn, send positive user signals to Google, further lifting page rank and boosting traffic.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">\u2026And on and on. This circular type of process shows exactly how intertwined SEO and UX are.<\/span><\/p>\n<p><img decoding=\"async\" class=\"wp-image-9766 aligncenter\" src=\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/04\/image2-300x219.png\" alt=\"Marrying UI and UX - Successful Website Results\" width=\"386\" height=\"282\" srcset=\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/04\/image2-300x219.png 300w, https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/04\/image2.jpg 406w\" sizes=\"(max-width: 386px) 100vw, 386px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"color: #ed4228;\"><b>Leverage the Google Snippet.<\/b><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The snippet is the description of the webpage that appears on the Google SERP. <\/span><span style=\"font-weight: 400;\">According to <\/span><a href=\"https:\/\/support.google.com\/webmasters\/answer\/35624?hl=en\"><span style=\"font-weight: 400;\">Google<\/span><\/a><span style=\"font-weight: 400;\">, <\/span><span style=\"font-weight: 400;\">\u201cthe goal of the snippet and title is to best represent and describe each result and explain how it relates to the user\u2019s query.\u201d\u00a0<\/span><\/p>\n<h3><span style=\"color: #ed4228;\"><b>The snippet consists of two elements:<\/b><\/span><\/h3>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Title Tag (SEO Title):<\/b><span style=\"font-weight: 400;\"> T<\/span><span style=\"font-weight: 400;\">he clickable blue link at the top of the snippet is the searcher\u2019s first impression and is highly influential in the user\u2019s selection of what to click. Its importance includes its use on social shares. Limit to 50-60 characters to avoid truncation and include the keyword if possible.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><b>Meta Description<\/b><span style=\"font-weight: 400;\">: This is the text below the title tag in a search result. Limiting it to 155-160 characters will prevent truncation. It should include what the page is about and why it is valuable. Use your keywords at the beginning of the description.\u00a0<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">You can customize your snippet through your CMS or a plug-in app such as <\/span><a href=\"about:blank\"><span style=\"font-weight: 400;\">Yoast<\/span><\/a><span style=\"font-weight: 400;\">, which is much better than relying on Google to choose your snippet for you.\u00a0<\/span><\/p>\n<p>https:\/\/www.ladybugz.com\/googles-december-2020-core-update-for-seo\/<\/p>\n<h2><span style=\"color: #ed4228;\"><b>Use headings for easy-to-understand pages.<\/b><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">One key intersection of UX and SEO is in creating pages that are logically organized and easy to read. A hierarchy of headings, from H1 to H6, makes it easy for search engines to understand and parse <a href=\"https:\/\/www.ladybugz.com\/boston-web-design-blog\/\">your content<\/a> for indexing.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">In much the same way, it helps readers understand what the page is about, the topics that are covered, and where to find the information that is valuable to them.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">The first item viewers see is the H1 tag or the main on-page title (this is different from the title tag which users don\u2019t see). Each page has just one H1 tag, which should define the primary focus of the page and typically includes the keywords. Lower in the hierarchy are H2 tags, which represent key supporting ideas and should be placed at least every few paragraphs. Each should focus on a discrete topic, and keywords should be used\u2014if they appear to be natural to a reader\u00a0<\/span><\/p>\n<h2><span style=\"color: #ed4228;\"><b>Open up pages for better comprehension of how to Marry SEO with UX.<\/b><span style=\"font-weight: 400;\">\u00a0<\/span><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Dense blocks of copy with little formatting are hard on the eyes, are more difficult to comprehend, and reduce the ability to scan a page\u2014decreasing the user experience. Some ways to create more open pages are to:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Include plenty of white space in the page design.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">\u201cChunk\u201d copy by using subheads and frequent paragraphs.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Use images, bullet points, numbered lists, call-outs, and other formatting methods to break up the page and highlight interesting information.<\/span><\/li>\n<\/ul>\n<h2><span style=\"color: #ed4228;\"><b>Increase branding with logo SEO.<\/b><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Your logo is the most important image associated with your brand and your website. Consistent placement of your logo\u2014typically on the top left and in the footer\u2014will reinforce brand recognition. Your logo can also be useful for SEO when it is associated with ALT text that will link every page, with each page then being linked to your homepage.\u00a0<\/span><\/p>\n<h2><span style=\"color: #ed4228;\"><b>Develop Consistently High-Quality Content.<\/b><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">High-quality content is the number one factor for both page ranking and user experience. Good advice includes using <a href=\"https:\/\/www.ladybugz.com\/web-design\/\">professional-level copy<\/a>, images, and video; showing your authority and trustworthiness through employee testimonials, awards, original studies, and content assets, and other evidence; and garnering as many backlinks as possible. Next, make sure that all visual items are discoverable and indexable by Google, as well as accessible by users with visual impairment. Accessibility is now an important ranking factor and can expand your readership.<\/span><\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"K1M8wXZ39W\"><p><a href=\"https:\/\/www.ladybugz.com\/improve-your-blog-content\/\">A 2022 Plan to Improve your Blog Content and Turn it into Rocket Fuel<\/a><\/p><\/blockquote>\n<p><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;A 2022 Plan to Improve your Blog Content and Turn it into Rocket Fuel&#8221; &#8212; Ladybugz Interactive Website Design Agency, Boston MA\" src=\"https:\/\/www.ladybugz.com\/improve-your-blog-content\/embed\/#?secret=i5UW6dacWA#?secret=K1M8wXZ39W\" data-secret=\"K1M8wXZ39W\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<h2><span style=\"color: #ed4228;\"><b>Create a site structure that is easy to navigate.<\/b><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Your website won\u2019t go anywhere if it\u2019s not well-structured and easy to use. Earlier, we discussed how to use headers for better search and usability. Logical website architecture and navigation serves much the same purpose if it makes user spend more time on your web pages. <\/span><span style=\"font-weight: 400;\">Proper architecture also results in \u201clink juice\u201d by passing traffic from low-authority to high-authority pages.\u00a0<\/span><\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"HvkU89REcL\"><p><a href=\"https:\/\/www.ladybugz.com\/iterative-design\/\">Improve Your Website with Iterative Design<\/a><\/p><\/blockquote>\n<p><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"&#8220;Improve Your Website with Iterative Design&#8221; &#8212; Ladybugz Interactive Website Design Agency, Boston MA\" src=\"https:\/\/www.ladybugz.com\/iterative-design\/embed\/#?secret=GWQ7x9dfSt#?secret=HvkU89REcL\" data-secret=\"HvkU89REcL\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<h2><span style=\"color: #ed4228;\"><b>Some tips for website architecture include:<\/b><\/span><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Use a flatter organization that requires fewer clicks to get deep into the site.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Make the placement and functioning of primary menu items and submenus consistent on each page.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Limit pop-ups, long lists of options, and overly designed elements that distract or confuse the user.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Avoid unlinked \u201corphan pages\u201d that search engines can\u2019t find and that creates a dead end for users.\u00a0\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Identify and remove pages that deliver error codes (such as 404) as Google can find those pages, they hurt usability, and look unprofessional.\u00a0<\/span><\/li>\n<\/ul>\n<h2><span style=\"color: #ed4228;\"><b>Craft your URLs for users and crawlers.<\/b><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Creating descriptive, unique URLs helps crawlers and humans easily identify what your page is about. It\u2019s been proven that URLs play a huge role in which SERP listing a user clicks. The same is true when users see your URLs on social shares. Plus, if someone has many browser tabs open at once, they\u2019ll be able to find yours easily when they want to return to the page.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Use keywords only if they make sense, don\u2019t make URLs too lengthy, and use proper formatting. <\/span><span style=\"font-weight: 400;\">For example, empty spaces aren\u2019t allowed in a URL; if you don\u2019t use a hyphen or underscore to separate two words, the space will be replaced by code %20, decreasing readability.<\/span><\/p>\n<h2><span style=\"color: #ed4228;\"><b>Optimize link structure when marrying SEO with UX.\u00a0<\/b><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Part of web planning includes creating a link strategy that enhances the user\u2019s journey and brings them to high-value pages (such as sign-ups and product pages). In addition to primary menus and submenus, common tools include text links, <\/span><span style=\"font-weight: 400;\">CTAs, clickable icons, breadcrumbs, and similar mechanisms.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">While each web<\/span><span style=\"font-weight: 400;\">page should have a tight focus, internal links increase UX by providing opportunities for users to instantly find related pages on topics they care about. By leveraging links, you can drive users from low-value pages to high-value pages (such as product pages and sign-ups). Or, you can boost a lower-traffic page by directing high-traffic pages to it. With proper link planning, you create better UX, with results that send positive user signals for SEO.\u00a0<\/span><\/p>\n<h2><span style=\"color: #ed4228;\"><b>Design for mobile and all devices.<\/b><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Two interrelated tips for web development have gained steam. One is to \u201cdesign for mobile first.\u201d The second is to invest in \u201cresponsive design\u201d to ensure that your website displays properly on all-size devices (especially smartphones). More than half of all searches now take place on mobile devices, so usability on smartphones is a major design factor. SEO also demands focusing on mobile, as Google now indexes the mobile version of your site rather than the desktop version. Therefore, even if your B2B audience mostly searches through their desktop, designing for mobile is still a primary consideration.\u00a0\u00a0<\/span><\/p>\n<h2><span style=\"color: #ed4228;\"><b>Some key tips that make your website mobile-friendly include:<\/b><\/span><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Provide simple, consistent navigation that makes it easy to work with one window.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Increase readability with larger fonts, contrast, and white space.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Improve accessibility with larger \u201ctouch targets.\u201d\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Provide user interface (UI) feedback\u2014such as a tone or change in color\u2014that responds to users\u2019 actions.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Design forms that make it easy to input information, keeping typing at a minimum.<\/span><\/li>\n<\/ul>\n<h2><span style=\"color: #ed4228;\"><b>Optimize page load time.<\/b><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Speed is one of the top-ranking factors because of the impact it has on users\u2014most of whom expect a page to load in a matter of seconds and will abandon pages that take too long.<\/span> <span style=\"font-weight: 400;\">Just a one-second delay will reduce page views by <\/span><a href=\"https:\/\/www.crazyegg.com\/blog\/speed-up-your-website\/\"><span style=\"font-weight: 400;\">11%<\/span><\/a><span style=\"font-weight: 400;\">. \u00a0<\/span><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<h2><span style=\"color: #ed4228;\"><b>Some of the most reliable ways to increase speed include:<\/b><\/span><\/h2>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Minify HTML coding by removing or fixing unnecessary or duplicate data.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Optimize the size of your image files.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Leverage browser-caching to temporarily store static website contents on your visitor\u2019s browser.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Invest in a top-notch hosting service that is known for speed and solid uptime.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Reduce the number of plugins and minimize JavaScript and CSS files. <\/span><\/li>\n<\/ul>\n<p>https:\/\/www.ladybugz.com\/your-must-have-monster-seo-checklist-for-2021\/<\/p>\n<h2><span style=\"color: #ed4228;\"><b>Combine SEO and UX for better overall results.<\/b><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">It should be clear that SEO and UX can\u2019t be separated. What is good for one is good for the other, and each plays a pivotal role in page ranking, SEO conversion, user experience, and website results. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">When <a href=\"https:\/\/www.ladybugz.com\/\">choosing a digital agency<\/a> to build or overhaul your website, choose one that understands how to marry <a href=\"https:\/\/www.ladybugz.com\/best-boston-seo-company-for-your-business\/\">SEO<\/a> and UX factors to make your site a success.<\/span><\/p>\n<p style=\"text-align: center;\">\n","protected":false},"excerpt":{"rendered":"<p>Marrying SEO (Search Engine Optimization) with UX (User Experience) is a winning combination for increased page rankings, website traffic, and user retention.\u00a0 Gone are the days when SEO (Search Engine Optimization) and User Experience (UX) were two completely separate website functions &#8211; now website design and development implement marrying SEO with UX. More than ever, [&hellip;]<\/p>\n","protected":false},"author":7,"featured_media":9768,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","spc_primary_category":-1},"categories":[314,1,39],"tags":[],"class_list":["post-9763","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-seo","category-web-development","category-wordpress-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.6 (Yoast SEO v26.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Marrying SEO with UX For Rankings, Traffic + Retention<\/title>\n<meta name=\"description\" content=\"SEO and User Experience (UX) were two completely separate website functions - now website development and design typically marry SEO with UX.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"SEO and UX got hitched!\" \/>\n<meta property=\"og:description\" content=\"More than ever, SEO and UX work together to meet website objectives: to increase high-value traffic\u2014and then retain, engage and convert visitors. Whether you\u2019re talking about satisfying the needs of search engines or users, SEO and UX are partners in the conversation.\u00a0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/\" \/>\n<meta property=\"og:site_name\" content=\"Website Design Agency, Boston MA\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pages\/Ladybugz-Interactive-Web-design-ecommerce-emarketing-social-media\/178379525546559\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-22T19:44:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-20T06:49:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/04\/Marrying-SEO-and-UX-for-Page-Ranking-Traffic-and-Retention-OG.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Amy Westebbe\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"SEO and UX got hitched!\" \/>\n<meta name=\"twitter:description\" content=\"More than ever, SEO and UX work together to meet website objectives: to increase high-value traffic\u2014and then retain, engage and convert visitors. Whether you\u2019re talking about satisfying the needs of search engines or users, SEO and UX are partners in the conversation.\u00a0\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/04\/Marrying-SEO-and-UX-for-Page-Ranking-Traffic-and-Retention-OG.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@lysapreneur\" \/>\n<meta name=\"twitter:site\" content=\"@lysapreneur\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/\"},\"author\":{\"name\":\"Amy Westebbe\",\"@id\":\"https:\/\/www.ladybugz.com\/#\/schema\/person\/2bc98f35495c8e8b71e735731ffea094\"},\"headline\":\"Marrying SEO with UX: A Winning Combination\",\"datePublished\":\"2021-04-22T19:44:22+00:00\",\"dateModified\":\"2023-10-20T06:49:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/\"},\"wordCount\":1891,\"publisher\":{\"@id\":\"https:\/\/www.ladybugz.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/04\/Marrying-SEO-and-UX-for-Page-Ranking-Traffic-andRetention-scaled.jpg\",\"articleSection\":[\"SEO (Search Engine Optimization)\",\"Web Development\",\"WordPress Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/\",\"url\":\"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/\",\"name\":\"Marrying SEO with UX For Rankings, Traffic + Retention\",\"isPartOf\":{\"@id\":\"https:\/\/www.ladybugz.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/04\/Marrying-SEO-and-UX-for-Page-Ranking-Traffic-andRetention-scaled.jpg\",\"datePublished\":\"2021-04-22T19:44:22+00:00\",\"dateModified\":\"2023-10-20T06:49:10+00:00\",\"description\":\"SEO and User Experience (UX) were two completely separate website functions - now website development and design typically marry SEO with UX.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/#primaryimage\",\"url\":\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/04\/Marrying-SEO-and-UX-for-Page-Ranking-Traffic-andRetention-scaled.jpg\",\"contentUrl\":\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/04\/Marrying-SEO-and-UX-for-Page-Ranking-Traffic-andRetention-scaled.jpg\",\"width\":2048,\"height\":1365,\"caption\":\"Marrying SEO and UX for Page Ranking-Traffic-and Retention\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.ladybugz.com\/#website\",\"url\":\"https:\/\/www.ladybugz.com\/\",\"name\":\"Boston MA Website Design Agency\",\"description\":\"Website Design + Digital Marketing Boston + Worcester Massachusetts\",\"publisher\":{\"@id\":\"https:\/\/www.ladybugz.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.ladybugz.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.ladybugz.com\/#organization\",\"name\":\"Ladybugz Interactive Agency\",\"alternateName\":\"Ladybugz Web Design\",\"url\":\"https:\/\/www.ladybugz.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.ladybugz.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2025\/10\/LadyBugz_logo.jpg\",\"contentUrl\":\"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2025\/10\/LadyBugz_logo.jpg\",\"width\":333,\"height\":236,\"caption\":\"Ladybugz Interactive Agency\"},\"image\":{\"@id\":\"https:\/\/www.ladybugz.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pages\/Ladybugz-Interactive-Web-design-ecommerce-emarketing-social-media\/178379525546559\",\"https:\/\/x.com\/lysapreneur\",\"https:\/\/www.instagram.com\/ladybugzagency\",\"https:\/\/www.linkedin.com\/company\/ladybugz-inc-\/\"],\"description\":\"Ladybugz Interactive is a Boston, MA web design and digital marketing agency creating responsive, growth-driven websites for businesses and organizations.\",\"email\":\"lysa@ladybugz.com\",\"telephone\":\"9783767878\",\"legalName\":\"Ladybugz Interactive Agency, Inc.\",\"foundingDate\":\"2012-10-30\",\"numberOfEmployees\":{\"@type\":\"QuantitativeValue\",\"minValue\":\"1\",\"maxValue\":\"10\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.ladybugz.com\/#\/schema\/person\/2bc98f35495c8e8b71e735731ffea094\",\"name\":\"Amy Westebbe\",\"description\":\"Amy guides client's content strategies for our web design projects and digital marketing clients. She helps our B2B brands, improve their value propositions and ROI through messaging and content. Amy's industry experience includes writing for biotech and life sciences, B2B, healthcare and health tech and construction and manufacturing. In addition to web and online marketing content, Amy is passionate about developing reports and white papers. We like to call Amy, Ladybugz secret weapon when it comes to ranking your content on Google!\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Marrying SEO with UX For Rankings, Traffic + Retention","description":"SEO and User Experience (UX) were two completely separate website functions - now website development and design typically marry SEO with UX.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/","og_locale":"en_US","og_type":"article","og_title":"SEO and UX got hitched!","og_description":"More than ever, SEO and UX work together to meet website objectives: to increase high-value traffic\u2014and then retain, engage and convert visitors. Whether you\u2019re talking about satisfying the needs of search engines or users, SEO and UX are partners in the conversation.\u00a0","og_url":"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/","og_site_name":"Website Design Agency, Boston MA","article_publisher":"https:\/\/www.facebook.com\/pages\/Ladybugz-Interactive-Web-design-ecommerce-emarketing-social-media\/178379525546559","article_published_time":"2021-04-22T19:44:22+00:00","article_modified_time":"2023-10-20T06:49:10+00:00","og_image":[{"width":1200,"height":627,"url":"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/04\/Marrying-SEO-and-UX-for-Page-Ranking-Traffic-and-Retention-OG.jpg","type":"image\/jpeg"}],"author":"Amy Westebbe","twitter_card":"summary_large_image","twitter_title":"SEO and UX got hitched!","twitter_description":"More than ever, SEO and UX work together to meet website objectives: to increase high-value traffic\u2014and then retain, engage and convert visitors. Whether you\u2019re talking about satisfying the needs of search engines or users, SEO and UX are partners in the conversation.\u00a0","twitter_image":"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/04\/Marrying-SEO-and-UX-for-Page-Ranking-Traffic-and-Retention-OG.jpg","twitter_creator":"@lysapreneur","twitter_site":"@lysapreneur","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/#article","isPartOf":{"@id":"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/"},"author":{"name":"Amy Westebbe","@id":"https:\/\/www.ladybugz.com\/#\/schema\/person\/2bc98f35495c8e8b71e735731ffea094"},"headline":"Marrying SEO with UX: A Winning Combination","datePublished":"2021-04-22T19:44:22+00:00","dateModified":"2023-10-20T06:49:10+00:00","mainEntityOfPage":{"@id":"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/"},"wordCount":1891,"publisher":{"@id":"https:\/\/www.ladybugz.com\/#organization"},"image":{"@id":"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/04\/Marrying-SEO-and-UX-for-Page-Ranking-Traffic-andRetention-scaled.jpg","articleSection":["SEO (Search Engine Optimization)","Web Development","WordPress Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/","url":"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/","name":"Marrying SEO with UX For Rankings, Traffic + Retention","isPartOf":{"@id":"https:\/\/www.ladybugz.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/#primaryimage"},"image":{"@id":"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/#primaryimage"},"thumbnailUrl":"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/04\/Marrying-SEO-and-UX-for-Page-Ranking-Traffic-andRetention-scaled.jpg","datePublished":"2021-04-22T19:44:22+00:00","dateModified":"2023-10-20T06:49:10+00:00","description":"SEO and User Experience (UX) were two completely separate website functions - now website development and design typically marry SEO with UX.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ladybugz.com\/marrying-seo-with-ux-for-page-rankings-traffic-and-retention\/#primaryimage","url":"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/04\/Marrying-SEO-and-UX-for-Page-Ranking-Traffic-andRetention-scaled.jpg","contentUrl":"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2021\/04\/Marrying-SEO-and-UX-for-Page-Ranking-Traffic-andRetention-scaled.jpg","width":2048,"height":1365,"caption":"Marrying SEO and UX for Page Ranking-Traffic-and Retention"},{"@type":"WebSite","@id":"https:\/\/www.ladybugz.com\/#website","url":"https:\/\/www.ladybugz.com\/","name":"Boston MA Website Design Agency","description":"Website Design + Digital Marketing Boston + Worcester Massachusetts","publisher":{"@id":"https:\/\/www.ladybugz.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.ladybugz.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.ladybugz.com\/#organization","name":"Ladybugz Interactive Agency","alternateName":"Ladybugz Web Design","url":"https:\/\/www.ladybugz.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.ladybugz.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2025\/10\/LadyBugz_logo.jpg","contentUrl":"https:\/\/www.ladybugz.com\/wp-content\/uploads\/2025\/10\/LadyBugz_logo.jpg","width":333,"height":236,"caption":"Ladybugz Interactive Agency"},"image":{"@id":"https:\/\/www.ladybugz.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pages\/Ladybugz-Interactive-Web-design-ecommerce-emarketing-social-media\/178379525546559","https:\/\/x.com\/lysapreneur","https:\/\/www.instagram.com\/ladybugzagency","https:\/\/www.linkedin.com\/company\/ladybugz-inc-\/"],"description":"Ladybugz Interactive is a Boston, MA web design and digital marketing agency creating responsive, growth-driven websites for businesses and organizations.","email":"lysa@ladybugz.com","telephone":"9783767878","legalName":"Ladybugz Interactive Agency, Inc.","foundingDate":"2012-10-30","numberOfEmployees":{"@type":"QuantitativeValue","minValue":"1","maxValue":"10"}},{"@type":"Person","@id":"https:\/\/www.ladybugz.com\/#\/schema\/person\/2bc98f35495c8e8b71e735731ffea094","name":"Amy Westebbe","description":"Amy guides client's content strategies for our web design projects and digital marketing clients. She helps our B2B brands, improve their value propositions and ROI through messaging and content. Amy's industry experience includes writing for biotech and life sciences, B2B, healthcare and health tech and construction and manufacturing. In addition to web and online marketing content, Amy is passionate about developing reports and white papers. We like to call Amy, Ladybugz secret weapon when it comes to ranking your content on Google!"}]}},"_links":{"self":[{"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/posts\/9763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/comments?post=9763"}],"version-history":[{"count":0,"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/posts\/9763\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/media\/9768"}],"wp:attachment":[{"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/media?parent=9763"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/categories?post=9763"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ladybugz.com\/wp-json\/wp\/v2\/tags?post=9763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}