<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web Design and Hosting</title>
	<atom:link href="https://strattonwebsolutions.com/main/feed/" rel="self" type="application/rss+xml" />
	<link>https://strattonwebsolutions.com/main</link>
	<description>We Build Your Web Presence</description>
	<lastBuildDate>Sun, 25 Apr 2021 08:04:46 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.7.2</generator>

<image>
	<url>https://strattonwebsolutions.com/main/wp-content/uploads/2021/04/stratton200h-150x150.png</url>
	<title>Web Design and Hosting</title>
	<link>https://strattonwebsolutions.com/main</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Micro interactions are dynamic visual cues that can help create an outstanding user experience.</title>
		<link>https://strattonwebsolutions.com/main/2021/05/05/micro-interactions-are-dynamic-visual-cues-that-can-help-create-an-outstanding-user-experience/</link>
					<comments>https://strattonwebsolutions.com/main/2021/05/05/micro-interactions-are-dynamic-visual-cues-that-can-help-create-an-outstanding-user-experience/#respond</comments>
		
		<dc:creator><![CDATA[DougE718]]></dc:creator>
		<pubDate>Wed, 05 May 2021 07:51:39 +0000</pubDate>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[design]]></category>
		<guid isPermaLink="false">https://strattonwebsolutions.com/main/?p=1687</guid>

					<description><![CDATA[In the design world, we say form follows function—in other words, how a website looks should relate to its practical purpose. Microinteractions as animated motifs and flashy icons seem like mere bells and whistles at first blush, but don’t be fooled: These playful elements are rooted firmly in function. Whether it’s the dots that appear [&#8230;]]]></description>
										<content:encoded><![CDATA[<section class="headline-container">
<div class="content-container">
<div class="headline-description">In the design world, we say form follows function—in other words, how a website looks should relate to its practical purpose. Microinteractions as animated motifs and flashy icons seem like mere bells and whistles at first blush, but don’t be fooled: These playful elements are rooted firmly in function.</div>
</div>
</section>
<section class="body-container">
<div class="content-container">
<p>Whether it’s the dots that appear as a friend types, the colorful bar that indicates the strength of a password, or the glowing circle nudging you to tap, microinteractions play a critical part in augmenting a user’s experience online. These visual responses during everyday actions are engagement gold, yet through their sheer pervasiveness are easily overlooked.</p>
<p>Why are these cues so powerful? Although we may not always pick up on them, these subtle responses take advantage of our desire for feedback during the course of everyday online activities.</p>
<p>Let’s examine a few ways microinteractions enhance our experience online. They can:</p>
<h1>Serve as delightful rewards</h1>
<p>Perhaps the most addictive use of these visual cues can be seen on social media, where habit-forming microinteractions are part of a reward system that keeps users hungering for more. Facebook began with mere “likes” and notifications, but its reactions have now expanded to become animated emojis (during COVID-19, a smiley face hugging a heart even appeared as a “care” reaction). On Instagram, you can “heart” a direct message, and blogging sites like Medium let you “clap” for an article. In this way, not only do we get feedback, but we get positive feedback.</p>
<p>&nbsp;</p>
<h1>Teach and reassure us</h1>
<p>Microinteractions aren’t just about creating dopamine spikes; they can also be thoughtfully implemented to help us learn new programs and tools. An animation directing us to swipe to the next screen keeps us engaged with a tutorial rather than skipping ahead too quickly. Progress bars let us know how much “work” is left in a program and motivate us to keep going. Language learning app Duolingo makes use of progress meters that become complete after only three lessons, a way to keep users from feeling overwhelmed by too much information and rewarded after only a short time.</p>
<h1>Provide entertainment and direct our attention</h1>
<p>An animation can entertain us for a few seconds when we’re waiting for a screen to load and—if done well—can endear us to a brand or company. That animated “done” that pops up after the wait feels like a virtual high-five. One could even argue that these microinteractions serve to subconsciously gamify everyday life. Microinteractions can tell us where we are in an experience and what to do next. For example, a highlighted icon can let us know what tab we’re on in a multi-page app or encourage us to take a new action. On mobile, subtle nudges like this can save precious screen space and help reduce the need for additional text.</p>
<p>Over time, these small cues have the potential to increase our fondness for a product or brand. It’s a no-brainer to use microinteractions, and users today will certainly notice when they’re missing (even if they may not be able to articulate exactly what they’re looking for). That said, microinteractions ought to be subtle enhancements rather than overdesigned or gimmicky. When done right, they will only add to an elevated and memorable experience.</p>
</div>
</section>
]]></content:encoded>
					
					<wfw:commentRss>https://strattonwebsolutions.com/main/2021/05/05/micro-interactions-are-dynamic-visual-cues-that-can-help-create-an-outstanding-user-experience/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>5 Easy SEO Tips to Boost Your Site in Under an Hour</title>
		<link>https://strattonwebsolutions.com/main/2021/04/30/5-easy-seo-tips-to-boost-your-site-in-under-an-hour/</link>
					<comments>https://strattonwebsolutions.com/main/2021/04/30/5-easy-seo-tips-to-boost-your-site-in-under-an-hour/#respond</comments>
		
		<dc:creator><![CDATA[DougE718]]></dc:creator>
		<pubDate>Fri, 30 Apr 2021 07:48:17 +0000</pubDate>
				<category><![CDATA[SEO]]></category>
		<guid isPermaLink="false">https://strattonwebsolutions.com/main/?p=1685</guid>

					<description><![CDATA[Trying to figure out how to build a search engine optimization (SEO) campaign from scratch can be overwhelming. But that shouldn’t stop you from getting started with your SEO campaign. There are five simple things that you can do on your site to boost your site’s rankings. Best of all, these tactics can all be [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>Trying to figure out how to build a search engine optimization (SEO) campaign from scratch can be overwhelming. But that shouldn’t stop you from getting started with your SEO campaign. There are five simple things that you can do on your site to boost your site’s rankings. Best of all, these tactics can all be done in less than an hour. Without further ado, here’s the first of the SEO tips.</p>
<h3>Tip #1: Make Sure Your Onpage Factors are Properly Set-Up</h3>
<p>The easiest thing you can do is to work on your onpage factors for all of your pages. You want to start with making sure that your target keyword is the title tag for each page. Then you’ll want to move on to the meta description. While the description won’t help your rankings, but making sure it’s enticing, specific, and relevant will get users to click on your listings. From there, you want to use keywords in your h1 tags, place proper keywords in the image alt tags, and make sure that the URL of the page includes the keyword (i.e. https://www.weddingfavors.com/beach-wedding-favors.html).</p>
<h3>Tip #2: Optimize for Mobile and Improve Your Site’s Loading Speed</h3>
<p>The first thing you want to do to your site is to optimize for mobile users. It’s estimated that 50 to 60 percent of searches are made on mobile devices, so you have no excuse not to do it. Using a responsive theme is a start but it’s not enough. You’ll want to go further by making sure the buttons are easy to click, changing the layout to make it easier to browse, using readable fonts, and formatting content for mobile screens just to name a few things.</p>
<p>The other part your site’s loading speed. Loading speed is actually a ranking factor now, so it can’t be ignored. You want to do several things to improve loading speed such as compressing your images and other media files, using browser caching, minifying your HTML, and even getting a virtual private or dedicated server. Neil Patel has an amazing guide that lays out all the things you can do to <a href="https://neilpatel.com/blog/google-pagespeed-insights/" target="_blank" rel="noopener">improve your site speed here</a>.</p>
<h3>3. Improve Your Site Structure</h3>
<p>Site structure is a part of SEO that many people tend to forget about. Making sure that all of your pages are getting link juice from your homepage is essential to increasing their rankings. What tends to help is to build a site <a href="https://searchengineland.com/everything-not-blog-post-start-using-silos-242508" target="_blank" rel="noopener">using a silo structure</a>. This breaks down your site’s pages into themes and categories while passing link juice from your homepage to all of the pages. Another thing you can do to help your pages rank better is to use breadcrumb links and internally link to other pages when contextually relevant.</p>
<h3>4. Focus on Quality Content and the User Experience</h3>
<p>There seems to be evidence that Google favors content that is well themed and has a higher word count than average. It helps to use free tools like <a href="https://lsigraph.com/" target="_blank" rel="noopener">LSI graph</a> to integrated related keywords into your content. You’ll then want to audit your website for pages with thin or low quality content and rewrite them so that the add value to the user. Now you may think user experience is not that important as long as the content and onpage optimization is all there.</p>
<p>But this article by OptinMonster shows that Google has been tracking various user experience metrics. This includes clickthrough rate which indicates your page is relevant to the search intent, bounce rate which is correlated to the browsing user experience, and dwell time which tells Google that you are providing value to their users. Not all of these are ranking factors yet but it’s very likely that some influence rankings and more of them will be utilized in the future.</p>
<h3>5. Gain Easy Backlinks by Identifying Common Backlinks</h3>
<p>An easy way to get backlinks is to use tools like <a href="https://ahrefs.com/" target="_blank" rel="noopener">ahrefs</a> to analyze your competition’s backlink profile and capitalize on links that are easy to acquire. How do you go about doing this? Simply compare the backlink profile of your competitors in the top 10 search results and find common backlinks between them. In many cases, these links were acquired because they were easy to get. It may be from a publisher that’s accepting a lot of content submissions, a niche site that accepts many guest blog posts, or a wiki page that allows you to contribute to the growing resource.</p>
<p>These 5 easy SEO tips are all doable in under an hour, especially for smaller sites that are only a few months old. It doesn’t take much to see big leaps in your rankings. Sometimes a few tweaks an hour a day can make a big difference.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://strattonwebsolutions.com/main/2021/04/30/5-easy-seo-tips-to-boost-your-site-in-under-an-hour/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Should You Hire A Web Designer?</title>
		<link>https://strattonwebsolutions.com/main/2021/04/25/should-you-hire-a-web-designer/</link>
					<comments>https://strattonwebsolutions.com/main/2021/04/25/should-you-hire-a-web-designer/#respond</comments>
		
		<dc:creator><![CDATA[DougE718]]></dc:creator>
		<pubDate>Sun, 25 Apr 2021 08:04:46 +0000</pubDate>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[design]]></category>
		<guid isPermaLink="false">https://strattonwebsolutions.com/main/?p=1689</guid>

					<description><![CDATA[When businesses start looking for a website developer, it’s usually for two reasons: the website looks outdated, or the website isn’t generating leads. To compete in the modern market, businesses need modern, attractive, user-friendly websites that inform potential customers, solve their problems, and persuade them to buy. What Is A Website Designer? A web developer [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>When businesses start looking for a website developer, it’s usually for two reasons: the website looks outdated, or the website isn’t generating leads. To compete in the modern market, businesses need modern, attractive, user-friendly websites that inform potential customers, solve their problems, and persuade them to buy.</p>
<h3>What Is A Website Designer?</h3>
<p>A web developer is like a contractor or construction company for the online world. They use their knowledge in coding, web design and SEO to construct a website that suits your specific needs as a business. Some web developers–like our web developers–have experience with design as well, which influences the look and feel of your website.</p>
<h3>Why Choose a Website Designer?</h3>
<p>If you’re a new business, you might be wondering whether hiring a website development company makes sense for you. It is true that for some small businesses you could be jumping the gun. But If you have a budget for a professional website, then you will enjoy more benefit than if you did it yourself. Here are just a few of ways hiring a professional web developer can improve your web presence and take some weight off your shoulders.</p>
<ol>
<li><strong>Custom Web Design</strong> – When you hire a professional web developer, you know you will be getting a website with custom design and functionality that suits your business. When you talk with our web designers, we will go through your specific needs for the website, and we will use our knowledge of best design practices to produce the result you are looking for.</li>
<li><strong>Code and Web Compliance</strong> – Code and web compliance rules are always changing, and our  web designers anticipate these changes to maintain the health of your site so you don’t have to. As more people browse the web and make purchases on their phones, mobile web design and functionality becomes just as important as desktop design. Hiring a professional web developer can save you a lot of time and headaches that you would have to deal with if you were to maintain your website on your own.</li>
<li><strong>SEO Compliance</strong> – Web developers optimize your site so it can easily be picked up search engines. This will help you rank for certain keywords that apply to your business. The higher your rank for certain keywords, the easier it will be to stand ahead of your competition and generate leads through your website.</li>
<li><strong>General Web Maintenance</strong> – Even the most pristine websites can experience glitches from time to time. Maintaining a website is a full time job, especially if it is considered the “storefront” of your business. If your site suddenly goes down or your customers aren’t receiving confirmation emails, our Santa Rosa web developers can troubleshoot issues and take care of bugs quickly, so you don’t have to worry about losing customers.</li>
</ol>
<p>Looking for a web designer for your next website? Call today for your free quote.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://strattonwebsolutions.com/main/2021/04/25/should-you-hire-a-web-designer/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Google’s New “rel=sponsored” and How It Will Impact SEO Across the Web</title>
		<link>https://strattonwebsolutions.com/main/2021/04/25/googles-new-relsponsored-and-how-it-will-impact-seo-across-the-web/</link>
					<comments>https://strattonwebsolutions.com/main/2021/04/25/googles-new-relsponsored-and-how-it-will-impact-seo-across-the-web/#respond</comments>
		
		<dc:creator><![CDATA[DougE718]]></dc:creator>
		<pubDate>Sun, 25 Apr 2021 07:48:08 +0000</pubDate>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[google]]></category>
		<guid isPermaLink="false">https://strattonwebsolutions.com/main/?p=1683</guid>

					<description><![CDATA[Google recently announced a new link attribute called “rel=sponsored” that webmasters can use. What exactly is this all about? The rel=sponsored link attribute indicates to Google that the links in your site that are advertisements, sponsorship, or any kind of compensation agreements. The purpose of this new link attribute is to help Google fight spam [&#8230;]]]></description>
										<content:encoded><![CDATA[<div class="section the_content has_content">
<div class="section_wrapper">
<div class="the_content_wrapper ">
<p>Google recently announced a new link attribute called “rel=sponsored” that webmasters can use. What exactly is this all about? The rel=sponsored link attribute indicates to Google that the links in your site that are advertisements, sponsorship, or any kind of compensation agreements. The purpose of this new link attribute is to help Google fight spam links used for search engine purposes.</p>
<h3>What Does This Mean for You?</h3>
<p>Upon hearing this, it’s likely that you started to assume that you’d now have to go through all the outgoing links to your site and place the right link attribute for each one. Fortunately, this is not the case. If you have been using the nofollow link attribute for sponsored links already, you do not have to wade through all your site links to differentiate them.</p>
<p>In fact, Google doesn’t state that you must absolutely start using the rel=sponsored link attributes for sponsored links on your site. It’s simply a recommendation they are making to webmasters. If you forget and use the nofollow attribute instead of the sponsored attribute, there won’t be any consequences to your search engine rankings.</p>
<h3>Surprising Announcements About these Link Attributes</h3>
<p>On top of the announcement of the rel=sponsored link attribute, Google has also stated that they will change how they look at these links. Previously, Google would completely disregard nofollow links. This means that the nofollow links would not have any impact on the search engine rankings at all.</p>
<p>However, they are taking a different approach to things. Google has stated that all link attributes including the new UGC attribute would be treated as hints. What exactly does Google mean by hints? As mentioned, Google had completely disregarded nofollow links, but now it seems they will be using these links for some kind of purpose.</p>
<p>According to Google, they plan on using these links and other signals to improve their ability to understand and analyze links for search engine purposes. Obviously, it’s very hazy what they want to do by treating these links as hints. Until professional SEOs start experimenting with these links and see how they will impact search engine rankings, we won’t really know how these new updates affect the SEO process.</p>
<p>And because it was announced on September 2019, it’s going to take many months before SEOs starting coming up with clues about the effect these link attributes will have as well as what Google’s true intentions are.</p>
<h3>How Will This New Link Attribute Impact SEO Across the Web?</h3>
<p>Google are trying to say some very important things with the announcement. First, they are saying that they want webmasters to take link attributes more seriously. It’s possible that they may decide to get more serious about penalizing websites that are not marking links that are clearly sponsored or a form of spam. SEOs may need to take link attribute more seriously from here on forth.</p>
<p>Second, you never know if Google will change their updates again in the future. Even if you don’t want to go through the trouble of integrating this new link attribute to your site, it may help to future-proof for updates. Google likes websites that are transparent and user friendly. If one website does a better job telling Google the meaning behind their links, it might mean they may give a slight preference to that site. Of course, this is just a theory and is not how things work right now.</p>
<p>Finally, Google has stated that all link attributes will be seen as hints. They announced that the nofollow link attribute will be treated as a hint starting March 1, 2020. Does this mean that nofollow links will have some weight towards search engine rankings starting in March of 2020?</p>
<p>It might actually be possible that nofollow will have some weight (very little) towards search engine rankings. In fact, many SEOs have argued that nofollow links do count towards rankings for a long time. It may be possible that Google is admitting to this fact or simply insinuating that nofollow links will carry a bit more weight. Of course, this is just theory.</p>
<h3>What Could Google’s Intention Be?</h3>
<p>There are many possible reasons why Google may have made these announcements. First, they may actually have be straightforward about their intentions and wanted to collect additional data to help understand which links to include or exclude towards the search rankings. This could mean that they may want to come up with a way to differentiate different types of nofollow links.</p>
<p>Second, they may want to collect data to better fight spam. They may be using these links as hints to improve their ability to find websites that are using black hat SEO strategies. This can be a good thing for websites that are doing things the white hat way and bad news for websites that have been banking on black hat strategies for a long time.</p>
<p>Whatever the intention is, the one important thing here is that websites need to get serious about setting link attributes. If they are letting advertisers place ads on their sites, they have to ensure that these ads are clearly being marked as rel=sponsored or at least rel=nofollow. Remember, you can be penalized for not marking paid links. It’s possible that the penalties may become more severe.</p>
<h3>There’s Still Some Confusion About This Announcement</h3>
<p>There are still some grey areas that Google has not clarified. If you accept outside content and your contributors place affiliate links, do you need to mark it as rel=sponsored or rel=ugc (for user generated content). The rel=ugc is the other new link attribute that Google has added with this new updated. It’s a little confusing which one you should be using in this scenario.</p>
<p>The other thing is that Google stated that they wanted link attributes for outgoing links that are advertisements, sponsorship, or any kind of compensation agreements. Does compensation agreements also include affiliate links? Technically, it is a compensation agreement if you’re an affiliate of another business and you promote that business within your content.</p>
<p>It seems like Google has been very ambiguous about this important detail, but it’s safe to say that it may be smart to stick to using rel=sponsored for affiliate links you are promoting on your site. Some have said that it is fine, but Google really needs to come out with an official statement to clarify the issue.</p>
<p>If it ends up being the case that you should be using the rel=sponsored or rel=nofollow on affiliate links, this could mean huge implications for the SEO world. Affiliate networks may have to start telling their affiliates to make sure they put in the link attributes so that they do not get penalized by Google.</p>
<p>You may know that many affiliates use SEO to generate leads and sales for companies or offers they are promoting. Businesses that run affiliate programs may need to provide general training about how to use rel=sponsored and why it’s important to use the link attribute on their sites. This can be a headache for many businesses and affiliate networks.</p>
<h3>So What Should You Do with This Knowledge?</h3>
<p>Now that you understand what the rel=sponsored link attribute update is all about, what should you do? As mentioned earlier, it’s clear that Google is taking link attributes more seriously. There might be heavy penalties if you don’t clearly label which links are sponsored. Other than that, here are some helpful takeaways:</p>
<ul>
<li>Make sure that you do an audit of the links on your site so that sponsored links are given the proper link attribute.</li>
<li>Some types of links will now have less value. For example, some blogs didn’t auto set links as nofollow in the comments section. But Google now wants that to be labeled as rel=ugc.</li>
<li>Just to be safe, it might be a smart idea to make sure that the affiliate offers you’re promoting are given the rel=sponsored or rel=nofollow link attributes.</li>
<li>It may be possible that Google will figure out a way to differentiate between different types of nofollow links to give them different amount of weights towards search rankings.</li>
<li>Everything is simply speculation right now about Google’s statement about using these links as hints. It will take a lot of time to figure out exactly what’s going on, so make sure you don’t drive your SEO campaign based on assumptions.</li>
<li>It’s becoming more important to focus on marketing to help you generate links for you SEO campaign. This means that press releases, press opportunities, content creation, viral marketing, and social media marketing will become increasingly more important to SEO.</li>
</ul>
<p>That sums up everything related to the new rel=sponsored update. While this new update isn’t anything that most website owners will need to worry about, it does pose many implications on how SEO will change in the near future. For now, the only thing that you can do is to wait until all the small details are clarified.</p>
</div>
</div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://strattonwebsolutions.com/main/2021/04/25/googles-new-relsponsored-and-how-it-will-impact-seo-across-the-web/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>The SEO Metrics That Matter Most</title>
		<link>https://strattonwebsolutions.com/main/2021/04/19/the-seo-metrics-that-matter-most/</link>
					<comments>https://strattonwebsolutions.com/main/2021/04/19/the-seo-metrics-that-matter-most/#respond</comments>
		
		<dc:creator><![CDATA[DougE718]]></dc:creator>
		<pubDate>Mon, 19 Apr 2021 06:05:27 +0000</pubDate>
				<category><![CDATA[SEO]]></category>
		<guid isPermaLink="false">https://strattonwebsolutions.com/main/?p=1579</guid>

					<description><![CDATA[Digital Marketing Knowing which KPIs – or key performance indicators – for SEO are the most important to track is crucial to the success of your organic strategy and can help guide future content creation. Today, 53.3% of online traffic comes from organic searches. Not only does this mean that SEO is more important now [&#8230;]]]></description>
										<content:encoded><![CDATA[<div class="author-block author-details">
<div class="author-avatar-container"></div>
<div class="read-time"></div>
<div class="blog-category">Digital Marketing</div>
</div>
<p>Knowing which KPIs – or key performance indicators – for SEO are the most important to track is crucial to the success of your organic strategy and can help guide future content creation. Today, 53.3% of online traffic comes from organic searches. Not only does this mean that SEO is more important now than it ever has been before, but it also means keeping track of your SEO metrics and KPIs is even more relevant today.</p>
<h2>What are KPIs for SEO?</h2>
<p>SEO KPIs are used to determine whether current strategies are working and indicative of your channel’s performance against your goals. Tracking the correct metrics and knowing which ones are important will help you to drive organic traffic to your site. However, with so many metrics to choose from, which KPIs are most important to SEO?</p>
<p>Some SEO KPIs that will provide value to your website include:</p>
<ul>
<li><strong>Ranking keywords. </strong>Knowing how many keywords you’re ranking for, what those keywords are, and where they rank, will allow you to better understand which keywords you should be optimizing to build a strategy.</li>
<li><strong>Organic conversion. </strong>rate Knowing what content resonates with your audience and how they navigate through your site is critical to online success. Leverage your analytics platform to identify pages that need to be optimized for more conversions. If you use Google Analytics and/or Adobe Analytics, use analytic integrations with BrightEdge to find the engagement metrics that matter.</li>
<li><strong>Share of voice. </strong>Tracking share of voice will help you figure out how you fare against the competition in the SERPs.</li>
<li><strong>Organic click through rate. </strong>Monitoring your CTR will help you determine the success of your content. A high CTR doesn’t always mean success, though. Take note of not only CTR but also, sales or conversions after CTR. If your conversion rate is low, you may be targeting the wrong audience with your content.</li>
<li><strong>Backlink profile. </strong>Building link authority will allow your site to be seen as a thought leader and trustworthy to both Google and users. Receiving external backlinks from reputable sites will drive more referred traffic to your site.</li>
<li><strong>Number of pages indexed on Google. </strong>For your site to appear in the SERPs, your pages need to be indexed by Google. The more pages Google has indexed, the more opportunity your site has to rank for relevant keywords. You can check whether or not your pages have been indexed via Google Search Console.</li>
</ul>
<h2>Tracking your KPIs in BrightEdge</h2>
<ol>
<li>Leverage Keyword Reporting to determine how many keywords your website is ranking for in the SERPs. Using Keyword Reporting, you can see how you compare to your competitors with valuable keywords. You can also extract rich data sets that include search volume for individual keywords, SERP rankings, universal results, and more.</li>
<li>Use StoryBuilder to create reports and dashboards to keep track of and report on SEO data and KPIs to executives and managers.</li>
<li>BrightEdge offers backlink reporting that is seamlessly integrated with Majestic’s “Fresh Index” backlink database. Leverage this feature and build a strategy around and discover competitor links you don’t have.</li>
<li>Use Data Cube to gain insights into which of your site’s URLs are winning with high ranking keywords. Track the success of your keywords and expand your knowledge of how they perform over time.</li>
</ol>
<h2>What other SEO metrics should I track?</h2>
<p>SEO metrics are data points or indicators you should track and monitor to measure performance and keep a healthy, optimized website. Whether it’s to track engagement or reflect on SERP authority, monitoring your SEO metrics can assist you in planning strategies for the future. Chances are, if your SEO metrics are strong, your KPIs will be too.</p>
<p>While there are countless SEO metrics you can keep tabs on, some of the metrics you could most benefit from tracking include the following:</p>
<ul>
<li>Bounce rate</li>
<li>Exit pages for organic traffic</li>
<li>Pages crawled per day</li>
<li>Location</li>
<li>Local visibility</li>
</ul>
<h2>What are content marketing metrics?</h2>
<p>Content marketing metrics are measurable metrics you can track in order to find the relevant data you need to determine the success of your content or campaigns. You can leverage content marketing metrics to evaluate ROI and alter strategies. Some metrics you should consider tracking include:</p>
<ul>
<li>Social media engagements and shares</li>
<li>Web traffic</li>
<li>Bounce rate</li>
<li>Sales</li>
<li>Retention</li>
<li>Engagement</li>
<li>CTR</li>
<li>Backlinks</li>
<li>Time on page</li>
<li>Email opt-in rates</li>
</ul>
<p>If your content isn’t performing well, it’s likely that you will see poor CTRs, little time on page and overall low engagement. In order to increase the success of your content marketing metrics, leverage both BrightEdge and analytic integrations, like Google Analytics, to find which content, strategies, and campaigns are performing best. This will give you an idea of strategies to repeat or improve moving forward.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://strattonwebsolutions.com/main/2021/04/19/the-seo-metrics-that-matter-most/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Getting Started With Inclusive Web Design</title>
		<link>https://strattonwebsolutions.com/main/2021/04/11/getting-started-with-inclusive-web-design/</link>
					<comments>https://strattonwebsolutions.com/main/2021/04/11/getting-started-with-inclusive-web-design/#respond</comments>
		
		<dc:creator><![CDATA[DougE718]]></dc:creator>
		<pubDate>Sun, 11 Apr 2021 05:03:39 +0000</pubDate>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Beginners]]></category>
		<guid isPermaLink="false">https://strattonwebsolutions.com/main/?p=463</guid>

					<description><![CDATA[Getting Started With Inclusive Web Design A key part of designing successful websites for clients is making sure that as many end-users as possible can access and enjoy that site. So, what if you discovered that around 1 billion people couldn’t enjoy your designs? Even if those people manage to click on a link and [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="463" class="elementor elementor-463" data-elementor-settings="[]">
							<div class="elementor-section-wrap">
							<section class="elementor-section elementor-top-section elementor-element elementor-element-3d2c0a4d elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="3d2c0a4d" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-53a75b63" data-id="53a75b63" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<section class="elementor-section elementor-inner-section elementor-element elementor-element-77901373 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="77901373" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-6ee22818" data-id="6ee22818" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-2d53aac6 elementor-widget elementor-widget-heading" data-id="2d53aac6" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">Getting Started With Inclusive Web Design</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-b55ef85 elementor-widget elementor-widget-text-editor" data-id="b55ef85" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<p class="single-first-p" data-pw-in-article="true">A key part of designing successful websites for clients is making sure that as many end-users as possible can access and enjoy that site.</p><p data-pw-in-article="true">So, what if you discovered that around 1 billion people couldn’t enjoy your designs? Even if those people manage to click on a link and visit the website that you create, they might not be able to understand what’s being sold or navigate to the checkout page.</p><p data-pw-in-article="true">According to <span class="ile-sp">statistics from the World Bank</span>, there are 1 billion people with disabilities worldwide. That’s 15% of the total population of the globe.</p><p id="h.gjdgxs" data-pw-in-article="true">Despite this, many designers fail to consider customers with differing abilities when creating an engaging app or website. Unless your client explicitly tells you that they’re supporting customers with disabilities, you might even not think about those users at all.</p><p data-pw-in-article="true">Learning how to embrace the concept of inclusive web design means that you deliver better results to your clients; the more customers your clients can reach, the more praise and positive reviews your designs will get.</p><p data-pw-in-article="true">So, how do you introduce accessibility in your design choices?</p><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>What Is Website Accessibility?</h2><p data-pw-in-article="true">In broad terms, inclusivity refers to activities or behaviors that empower marginalized people in society. Designing for inclusivity means making your <span class="ile-sp">content more accessible</span> to anyone dealing with a mental or physical issue that may make it harder for them to use a traditional site.</p><p data-pw-in-article="true">Ultimately, accessibility is one of the main goals of an inclusive design strategy. When you make websites or applications more accessible, you tweak aspects of your UI and code to make the site as approachable and usable as possible to people with certain limitations.</p><div id="pw-oop-desktop_in_article" class="pw-tag pw-in-article" data-pw-in-article="true" data-pw-status="rendered" data-google-query-id="CLadsa-19e8CFUg4hgodHXcFhg"><div id="google_ads_iframe_/154013155/1024317/72732/1024317-72732-desktop_in_article_0__container__"><iframe id="google_ads_iframe_/154013155/1024317/72732/1024317-72732-desktop_in_article_0" title="3rd party ad content" name="google_ads_iframe_/154013155/1024317/72732/1024317-72732-desktop_in_article_0" width="728" height="90" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" data-google-container-id="18" data-mce-fragment="1"></iframe></div></div><p data-pw-in-article="true">According to the <span class="ile-sp">Web Accessibility Initiative</span>, many modern sites and web tools are designed without the needs of those with disabilities in mind. This creates accessibility barriers that make websites almost impossible for <span class="ile-sp">some people to use.</span> </p><p data-pw-in-article="true">Here are just some of the different types of disability that can affect the way end-users interact with a website or app:</p><ul class="tight_list"><li><strong>Cognitive issues:</strong> Affecting understanding and making it harder to navigate sites;</li><li><strong>Auditory issues:</strong> Preventing customers from listening to videos and audio content;</li><li><strong>Neurological issues:</strong> Making certain terms and actions more difficult on your site;</li><li><strong>Physical issues:</strong> Making it hard to swipe or tap certain tools;</li><li><strong>Speech problems:</strong> A common issue with voice UI designs;</li><li><strong>Visual issues:</strong> Preventing a positive experience on highly visual sites.</li></ul><p data-pw-in-article="true">Web accessibility can also be about making life easier for people who encounter problems in particular situations. For instance, those with muscular problems might have a harder time using buttons and links on a small screen.</p><p data-pw-in-article="true">So, how do you make your designs more accessible?</p><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>Know Your Audience</h2><p data-pw-in-article="true">There’s more to inclusive web design than making your fonts a little bigger and hoping for the best. To deliver a truly accessible experience, you need to know the people and groups that your client is targeting. Spending some time going through your customer’s user personas and asking them questions about those with a disability can help you make informed decisions.</p><p data-pw-in-article="true">For instance, the <span class="ile-sp">Microsoft Inclusive Design toolkit</span> asks designers to recognize exclusion, examining the parts of their website that might be inaccessible, and learn from diversity.</p><p data-pw-in-article="true">Before designing anything, ask yourself whether you can:</p><ul><li>Address any unique needs, like sight issues or hearing problems;</li><li>Replace traditional solutions with something more unique. For instance, rather than relying on colors to highlight a portion of text, could you use font-weight instead? This might be ideal for someone with color blindness;</li><li>Create something that appeals to both customers with and without disabilities.</li></ul><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>Design a Clean and Clear Layout</h2><p data-pw-in-article="true">Any website design should be focused on clarity first.</p><p data-pw-in-article="true">Whether you’re designing for inclusivity or not, the aim should be to deliver as much of a simple and straightforward experience as possible, avoiding <span class="ile-sp">any web design sins</span> along the way.</p><p data-pw-in-article="true">For instance, no-one likes a messy design full of unreasonable navigational signs. You need a site full of understandable links, buttons that are easy to click on any screen, and large fonts that are easy to read.</p><p data-pw-in-article="true">Whenever you’re creating a new element for a website or app, ask yourself how you can make life easier for customers from all backgrounds. For instance, <span class="ile-sp">Parramatta park</span> uses excellent contrast, clear fonts, and ideal element sizing to ensure that its website feels as easy to use as possible for customers.</p><div class="finline-large"><a class="external" href="https://www.parrapark.com.au/" rel="nofollow"><img class="alignnone size-full wp-image-112893 image-border" title="" src="https://www.webdesignerdepot.com/cdn-origin/uploads/2020/12/002-2.jpg" sizes="(max-width: 1856px) 100vw, 1856px" srcset="https://www.webdesignerdepot.com/cdn-origin/uploads/2020/12/002-2.jpg 1856w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/12/002-2-300x157.jpg 300w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/12/002-2-1024x536.jpg 1024w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/12/002-2-768x402.jpg 768w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/12/002-2-1536x804.jpg 1536w, https://www.webdesignerdepot.com/cdn-origin/uploads/2020/12/002-2-1684x881.jpg 1684w" alt="" width="1856" height="971" /></a></div><p data-pw-in-article="true">Notice how the buttons are clear and easy to press. The colors are bright and engaging on any screen, and the navigation is simple to follow too. Remember, when you’re designing an inclusive prototype:</p><ul class="tight_list"><li>Test navigation options and ensure they’re easy to use;</li><li>Don’t overcrowd the screen, remember that less is more when reducing cognitive load;</li><li>Make sure that your design <span class="ile-sp">remains easy to use on any screen</span>.  </li></ul><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>Simplify Language</h2><p data-pw-in-article="true">The visual elements on an inclusive website need to be as simple and easy to understand as possible. However, it’s important not to forget about the way that you handle the written word too.</p><p data-pw-in-article="true">Using simple terms instead of complex industry jargon can make a massive difference to those with reading issues. There’s also typography to think about, from the color and contrast of your words against your chosen background to <span class="ile-sp">the font’s clarity</span>.</p><p data-pw-in-article="true">Remember, suboptimal design with both imagery and language affects those without disabilities too. Following basic rules for simplicity delivers a better experience for anyone that visits your site.</p><p data-pw-in-article="true">Make sure you:</p><ul class="tight_list"><li>Underline, bold, or re-size links for visual contrast;</li><li>Enforce proper line spacing with around 1.5x the font size;</li><li>Enable consistent paragraph spacing;</li><li>Use simple language to reduce cognitive load;</li><li>Describe abbreviations when using them;</li><li>Use clearly-worded headings to structure content logically;</li></ul><p data-pw-in-article="true">Look at the design choices for <span class="ile-sp">text on the Nomensa</span> website, for instance. Plenty of white space makes content easier to read. Simple words are understandable and engaging. Even the font choice mimics the logo while offering readability.</p><h2>Optimize Web Design Colors</h2><p data-pw-in-article="true">Inclusive web design trends will come and go. However, color and contrast will always be essential to your decisions.</p><p data-pw-in-article="true">By making sure that your design elements meet the minimum color contrast ratios defined by the WCAG means that you’re supporting readability for visually-impaired users and improving experiences for customers that aren’t visually impaired as well.</p><p data-pw-in-article="true">For designers who need extra help in this area, tools like <span class="ile-sp">Stark</span> help measure color contrast. This tool also offers a range of other tools intended to support accessibility too.</p><p data-pw-in-article="true">Remember, the minimum ratio you need to access will depend on the element that you’re designing. The WCAG recommends the following guidelines:</p><ul class="tight_list"><li>3:1 ratio for graphical objects (charts);</li><li>3:1 ratio for focus, active states, and hover;</li><li>3:1 ratio for clickable items and form components.</li></ul><p data-pw-in-article="true">While you’re working on your color contrast strategies with apps like Stark, make sure that you consider the needs of users with color blindness too. 4.5% of the world doesn’t see color the same way as everyone else. If you’re finding it difficult to achieve the right contrast while sticking to your customer’s brand guidelines, try underlining and bolding elements too.</p><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>Consider Video and Audio Elements</h2><p data-pw-in-article="true">Finally, these days, more companies are opting to embed video and audio content into their sites. These visual and auditory tools can offer useful information about a brand and what it does. However, you could struggle to deliver vital information to some customers through video and audio alone.</p><p data-pw-in-article="true">Captions for video content could be essential for those with hearing loss. You may need to think about adding transcripts to pre-recorded videos that people with hearing impairments can access. These transcripts and captions are also helpful for anyone who doesn’t have access to audio on smartphones or computers.</p><p data-pw-in-article="true">Transcripts can also help those with visual impairments by giving a text-to-speech tool something to describe to your user. That way, everyone gains useful information. Look at <a class="external inner-link-effect" href="https://youtu.be/WxFfn5Reg2g" rel="nofollow"><span class="ile-sp">this captioned video</span></a> from the University of Washington, for instance. It ensures that everyone can understand what’s going on in the content. If you add transcripts to your website pages for clients, you could also help them benefit from improved SEO too. Transcripts deliver more <span class="ile-sp">keyword-ranking opportunities</span> than videos and podcasts on their own.</p><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>Design for Accessibility First</h2><p data-pw-in-article="true">For designers to excel at delivering truly inclusive UI environments, they need to become as good at creating websites for people with disabilities as they are at creating interfaces for people like themselves. As designers, we try to be as inclusive as possible, but it’s easy to get caught up thinking about making a website easier to use for us.</p><p data-pw-in-article="true">If you can step into the shoes of someone that isn’t like you, and think about uncommon needs first, then you may find that you deliver a stronger, more engaging experience for every user.</p><p data-pw-in-article="true">For instance, rather than designing a website for someone with the same visual needs as you, then thinking about making tweaks for those with color blindness or vision issues, think about the needs of those with disabilities first.</p><p data-pw-in-article="true">You can learn more about putting uncommon needs first by checking out Vasilis Van Gemert’s blog post on the “<span class="ile-sp">Method of Crisis</span>.”  </p><p data-pw-in-article="true">Inclusive web design, or designing for accessibility, is all about maximizing the potential audience that your clients can earn. Whatever situation end-users find themselves in, you should ensure that you’re taking advantage of inclusive design.</p><p data-pw-in-article="true">If you can prove to your clients that you can deliver for all customers’ needs, you can unlock a much larger audience and many more opportunities.</p>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ff865a3" data-id="ff865a3" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-4e1a771 elementor-widget elementor-widget-sidebar" data-id="4e1a771" data-element_type="widget" data-widget_type="sidebar.default">
				<div class="elementor-widget-container">
			<div id="media_image-2" class="widget-container widget_media_image"><h4 class="widget-title">New Bail Bonds Website</h4><a href="https://carrozzabailbonds.com/bail"><img width="300" height="167" src="https://strattonwebsolutions.com/main/wp-content/uploads/2021/04/carrozzabailbonds-e1618805119574-300x167.png" class="image wp-image-1479  attachment-medium size-medium" alt="carrozza bail bonds site logo" style="max-width: 100%; height: auto;" srcset="https://strattonwebsolutions.com/main/wp-content/uploads/2021/04/carrozzabailbonds-e1618805119574-300x167.png 300w, https://strattonwebsolutions.com/main/wp-content/uploads/2021/04/carrozzabailbonds-e1618805119574.png 718w" sizes="(max-width: 300px) 100vw, 300px" /></a></div><div id="search-3" class="widget-container widget_search"><h4 class="widget-title">Search</h4><form role="search" method="get" class="search-form" action="https://strattonwebsolutions.com/main/">
				<label>
					<span class="screen-reader-text">Search for:</span>
					<input type="search" class="search-field" placeholder="Search &hellip;" value="" name="s" />
				</label>
				<input type="submit" class="search-submit" value="Search" />
			</form></div><div id="categories-3" class="widget-container widget_categories"><h4 class="widget-title">Categories</h4>
			<ul>
					<li class="cat-item cat-item-32"><a href="https://strattonwebsolutions.com/main/category/lighter-websites/">Lighter Websites</a> (1)
</li>
	<li class="cat-item cat-item-27"><a href="https://strattonwebsolutions.com/main/category/seo/">SEO</a> (3)
</li>
	<li class="cat-item cat-item-29"><a href="https://strattonwebsolutions.com/main/category/web-design/">Web Design</a> (5)
</li>
			</ul>

			</div><div id="archives-3" class="widget-container widget_archive"><h4 class="widget-title">Archives</h4>
			<ul>
					<li><a href='https://strattonwebsolutions.com/main/2021/05/'>May 2021</a>&nbsp;(1)</li>
	<li><a href='https://strattonwebsolutions.com/main/2021/04/'>April 2021</a>&nbsp;(7)</li>
			</ul>

			</div><div id="tag_cloud-2" class="widget-container widget_tag_cloud"><h4 class="widget-title">Tags</h4><div class="tagcloud"><a href="https://strattonwebsolutions.com/main/tag/beginners/" class="tag-cloud-link tag-link-31 tag-link-position-1" style="font-size: 8pt;" aria-label="Beginners (1 item)">Beginners<span class="tag-link-count"> (1)</span></a>
<a href="https://strattonwebsolutions.com/main/tag/design/" class="tag-cloud-link tag-link-37 tag-link-position-2" style="font-size: 14.3pt;" aria-label="design (2 items)">design<span class="tag-link-count"> (2)</span></a>
<a href="https://strattonwebsolutions.com/main/tag/google/" class="tag-cloud-link tag-link-36 tag-link-position-3" style="font-size: 8pt;" aria-label="google (1 item)">google<span class="tag-link-count"> (1)</span></a>
<a href="https://strattonwebsolutions.com/main/tag/heavy-web-pages/" class="tag-cloud-link tag-link-33 tag-link-position-4" style="font-size: 8pt;" aria-label="heavy web pages (1 item)">heavy web pages<span class="tag-link-count"> (1)</span></a>
<a href="https://strattonwebsolutions.com/main/tag/seo/" class="tag-cloud-link tag-link-28 tag-link-position-5" style="font-size: 18.5pt;" aria-label="SEO (3 items)">SEO<span class="tag-link-count"> (3)</span></a>
<a href="https://strattonwebsolutions.com/main/tag/web-design/" class="tag-cloud-link tag-link-30 tag-link-position-6" style="font-size: 22pt;" aria-label="Web Design (4 items)">Web Design<span class="tag-link-count"> (4)</span></a></div>
</div><div id="text-2" class="widget-container widget_text">			<div class="textwidget"></div>
		</div>
		<div id="recent-posts-3" class="widget-container widget_recent_entries">
		<h4 class="widget-title">Recent Posts</h4>
		<ul>
											<li>
					<a href="https://strattonwebsolutions.com/main/2021/05/05/micro-interactions-are-dynamic-visual-cues-that-can-help-create-an-outstanding-user-experience/">Micro interactions are dynamic visual cues that can help create an outstanding user experience.</a>
											<span class="post-date">May 5, 2021</span>
									</li>
											<li>
					<a href="https://strattonwebsolutions.com/main/2021/04/30/5-easy-seo-tips-to-boost-your-site-in-under-an-hour/">5 Easy SEO Tips to Boost Your Site in Under an Hour</a>
											<span class="post-date">April 30, 2021</span>
									</li>
											<li>
					<a href="https://strattonwebsolutions.com/main/2021/04/25/should-you-hire-a-web-designer/">Should You Hire A Web Designer?</a>
											<span class="post-date">April 25, 2021</span>
									</li>
											<li>
					<a href="https://strattonwebsolutions.com/main/2021/04/25/googles-new-relsponsored-and-how-it-will-impact-seo-across-the-web/">Google’s New “rel=sponsored” and How It Will Impact SEO Across the Web</a>
											<span class="post-date">April 25, 2021</span>
									</li>
											<li>
					<a href="https://strattonwebsolutions.com/main/2021/04/19/the-seo-metrics-that-matter-most/">The SEO Metrics That Matter Most</a>
											<span class="post-date">April 19, 2021</span>
									</li>
					</ul>

		</div>		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
						</div>
					</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://strattonwebsolutions.com/main/2021/04/11/getting-started-with-inclusive-web-design/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>7 Skills You Need To Thrive As A Web Designer In 2021</title>
		<link>https://strattonwebsolutions.com/main/2021/04/11/7-skills-you-need-to-thrive-as-a-web-designer-in-2021/</link>
					<comments>https://strattonwebsolutions.com/main/2021/04/11/7-skills-you-need-to-thrive-as-a-web-designer-in-2021/#respond</comments>
		
		<dc:creator><![CDATA[DougE718]]></dc:creator>
		<pubDate>Sun, 11 Apr 2021 04:58:14 +0000</pubDate>
				<category><![CDATA[Web Design]]></category>
		<guid isPermaLink="false">https://strattonwebsolutions.com/main/?p=458</guid>

					<description><![CDATA[7 Skills You Need To Thrive As A Web Designer In 2021 Web design is an ever-evolving field. Those of us that have been in the industry a long time (i.e., six months plus) have seen the launch of more products, the establishment of more ideas, and the promise of more growth than most industries [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="458" class="elementor elementor-458" data-elementor-settings="[]">
							<div class="elementor-section-wrap">
							<section class="elementor-section elementor-top-section elementor-element elementor-element-7e2e027c elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="7e2e027c" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-65003bbe" data-id="65003bbe" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<section class="elementor-section elementor-inner-section elementor-element elementor-element-6029379d elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="6029379d" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-7906d56a" data-id="7906d56a" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-6d533cbd elementor-widget elementor-widget-heading" data-id="6d533cbd" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">7 Skills You Need To Thrive As A Web Designer In 2021</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-0729b7b elementor-widget elementor-widget-text-editor" data-id="0729b7b" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<p class="single-first-p" data-pw-in-article="true">Web design is an ever-evolving field. Those of us that have been in the industry a long time (i.e., six months plus) have seen the launch of more products, the establishment of more ideas, and the promise of more growth than most industries see over a whole career.</p><p data-pw-in-article="true">While the tools we use, the terminology we employ, and the goalposts we shoot for are constantly changing, core skills are transferable and long-lasting and will ensure you not only survive in the industry but thrive in it.</p><p data-pw-in-article="true">These skills are characteristics that you can learn, that will help you grow in 2021, 2022, and beyond.</p><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>1. Decision Making</h2><p data-pw-in-article="true">Life is a series of decisions, from which pair of socks to wear to which crypto to store your life savings in. Each of us has a finite amount of decision-making fuel in the day — the more decisions you make, the sooner you reach decision fatigue.</p><p data-pw-in-article="true">Most people burn their decision-making fuel by second-guessing themselves; they make a decision and then remake the same decision over and over as doubt creeps in.</p><p data-pw-in-article="true">The ability to make a decision, and stick to it, separates those people who still have the fuel to make strategic decisions after close of business and those people who can’t decide what to have for dinner.</p><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>2. Clarity of Purpose</h2><p data-pw-in-article="true">It’s never a bad idea to brush up on design fundamentals. From color theory to typography to UI and layout, these core skills are not only beneficial to your design practice, but they help you <em>think</em> about design on a higher level.</p><div id="pw-oop-desktop_in_article" class="pw-tag pw-in-article" data-pw-in-article="true" data-pw-status="loaded" data-google-query-id="COGTidmz9e8CFQXUhgod0cQJ4g"><div id="google_ads_iframe_/154013155/1024317/72732/1024317-72732-desktop_in_article_0__container__"> </div></div><p data-pw-in-article="true">Too often, designers fail to see the wood for the trees, focusing on the project at hand instead of a wider picture. The wider picture doesn’t mean your portfolio; it means the whole history, culture, and design context.</p><div class="simplePullQuote right"><p>Many musicians can play multiple styles, but they tend to favor one instrument; they made a fundamental decision that freed them to explore music in greater depth</p></div><p data-pw-in-article="true">Despite the term, design fundamentals aren’t universal; they’re personal to you. For example, should you pair a script with a serif? Your answer is probably, “it depends” because you’re an awesome designer; my answer is “no,” because, for me, that is a design fundamental.</p><p data-pw-in-article="true">Design fundamentals can be limiting, but by providing default answers to common questions, they also free you to consider larger questions about what you’re doing and why, which leads to clarity of purpose.</p><p data-pw-in-article="true">Many musicians can play multiple styles, but they tend to favor one instrument; they made a fundamental decision that freed them to explore music in greater depth.</p><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>3. The Holy Trinity</h2><p data-pw-in-article="true">The holy trinity in web design is HTML, CSS, and JavaScript. Learn what they are and what they do.</p><p data-pw-in-article="true">You need to understand them well enough to hold an intelligent boardroom-level conversation about them. You don’t actually need to know how to code them — although I’ve never actually met someone who knew enough about their roles to hold a strategic conversation, who didn’t <em>also</em> know how to code them from scratch.</p><p data-pw-in-article="true">I’m not talking about frameworks, libraries, or the latest build tools. Those things are just macros for coders. I’m talking about understanding the building blocks of a site, so if someone asks you whether you really need the company logo in the site footer, you can answer, and back your answer up with facts.</p><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>4. Simple Presentation</h2><p data-pw-in-article="true">No matter what field of design you’re in, you’re going to need to present your ideas to someone who doesn’t share your knowledge. Whether you’re explaining the basics to a client or explaining your decision-making to a colleague, presenting your ideas simply is the best way to be heard.</p><div class="simplePullQuote right"><p>a pitch is most effective when you exclude extraneous detail</p></div><p data-pw-in-article="true">Often, a persuasive presentation utilizes the less-is-more approach. Just as a design is finished when you’ve removed everything unnecessary, so too a pitch is most effective when you exclude extraneous detail.</p><p data-pw-in-article="true">Often you’ll find metaphor useful, especially if you have a passing knowledge of the person’s own area of expertise because it translates a concept into a format the person understands and is comfortable with.</p><div id="pw-oop-desktop_in_article2" class="pw-tag pw-in-article" data-pw-in-article="true" data-pw-status="loaded" data-google-query-id="CJCu_N6z9e8CFbrfhgodDfEK2w"><div id="google_ads_iframe_/154013155/1024317/72732/1024317-72732-desktop_in_article_1__container__"> </div></div><p data-pw-in-article="true">“We should…because it will improve [a metric] by approximately…%” is often the most welcome language. If the person you’re selling your decision needs more detail — and they probably don’t need to know details, that’s what they have you for — they can ask.</p><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>5. Strategic SEO</h2><p data-pw-in-article="true">SEO (Search Engine Optimisation, for the two people in the world who don’t know what that acronym stands for) is a vast field with as many sub-divisions as there are UX job titles.</p><p data-pw-in-article="true">There are various branches of SEO that a site needs to consider. Technical SEO is the stuff that coders do; if you’re not a coder, you can ignore that. Content SEO is the stuff that marketers do; if you’re not a marketer, you can ignore that. Strategic SEO is a macro-view of a site’s plans; everyone on every project should understand strategic SEO.</p><p data-pw-in-article="true">Strategic SEO covers topics like landing pages, single-page sites, whether a blog is necessary, how, if at all, social media is employed. Strategic SEO feeds all other branches of SEO. It is so fundamental that it informs the earliest decisions about a site. If you want to do more than make things look pretty, learn more about strategic SEO.</p><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>6. A Second Language</h2><p data-pw-in-article="true">You’ve probably noticed by now that the web extends beyond your town limits. It’s a global force, which means billions of people who don’t speak the same language.</p><p data-pw-in-article="true">If you’re not a native-English speaker, then it’s a no-brainer to learn a little English. You don’t need to be fluent; you certainly don’t need to be poetic, but the vast majority of documentation, GUIs, blog posts, forums, conferences, and the Web itself are in English, and translation code only gets you so far.</p><p data-pw-in-article="true">If you are a native English speaker, then learn something relevant to your region or the industry you specialize in. It doesn’t really matter what you learn; picking up a language, and culture, makes you a more rounded human being. And provided you don’t pick something obscure, you’re opening yourself up to millions or even billions of users you were previously missing out on.</p><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>7. Saying, “No.”</h2><p data-pw-in-article="true">It doesn’t matter whether you’re a freelancer sofa-diving for spare pennies to meet the rent or a seasoned in-house designer with targets to meet; everyone struggles to say, “no.”</p><p data-pw-in-article="true">The fear is that if we decline a project, or a feature request, that we won’t be asked next time; eventually, we’ll be passed over for all projects until we have no career left.</p><div id="pw-oop-desktop_in_article3" class="pw-tag pw-in-article" data-pw-in-article="true" data-pw-status="rendered" data-google-query-id="CK29styz9e8CFROBWgUdkjMKQA"><div id="google_ads_iframe_/154013155/1024317/72732/1024317-72732-desktop_in_article_2__container__"> </div></div><p data-pw-in-article="true">The problem is that we only have so many hours in a day. If we do too much, we end up doing it badly, so there have to be limits. Every time you say “yes,” you’re increasing the chances that you will <em>have</em> to say “no,” to a future opportunity that’s great for you.</p><p data-pw-in-article="true">By all means, decline gracefully. Do it politely. Be kind. Offer to refer the client elsewhere. But it’s better to say “no” than to have to say “no” to the perfect project because you’re over-stretched.</p>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
				<section class="elementor-section elementor-inner-section elementor-element elementor-element-9d02d85 elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="9d02d85" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-e701d72" data-id="e701d72" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-74d6915 elementor-widget elementor-widget-heading" data-id="74d6915" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">7 Skills You Need To Thrive As A Web Designer In 2021</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-fdd536c elementor-widget elementor-widget-text-editor" data-id="fdd536c" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<p class="single-first-p" data-pw-in-article="true">Web design is an ever-evolving field. Those of us that have been in the industry a long time (i.e., six months plus) have seen the launch of more products, the establishment of more ideas, and the promise of more growth than most industries see over a whole career.</p><p data-pw-in-article="true">While the tools we use, the terminology we employ, and the goalposts we shoot for are constantly changing, core skills are transferable and long-lasting and will ensure you not only survive in the industry but thrive in it.</p><p data-pw-in-article="true">These skills are characteristics that you can learn, that will help you grow in 2021, 2022, and beyond.</p><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>1. Decision Making</h2><p data-pw-in-article="true">Life is a series of decisions, from which pair of socks to wear to which crypto to store your life savings in. Each of us has a finite amount of decision-making fuel in the day — the more decisions you make, the sooner you reach decision fatigue.</p><p data-pw-in-article="true">Most people burn their decision-making fuel by second-guessing themselves; they make a decision and then remake the same decision over and over as doubt creeps in.</p><p data-pw-in-article="true">The ability to make a decision, and stick to it, separates those people who still have the fuel to make strategic decisions after close of business and those people who can’t decide what to have for dinner.</p><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>2. Clarity of Purpose</h2><p data-pw-in-article="true">It’s never a bad idea to brush up on design fundamentals. From color theory to typography to UI and layout, these core skills are not only beneficial to your design practice, but they help you <em>think</em> about design on a higher level.</p><div id="pw-oop-desktop_in_article" class="pw-tag pw-in-article" data-pw-in-article="true" data-pw-status="loaded" data-google-query-id="COGTidmz9e8CFQXUhgod0cQJ4g"><div id="google_ads_iframe_/154013155/1024317/72732/1024317-72732-desktop_in_article_0__container__"> </div></div><p data-pw-in-article="true">Too often, designers fail to see the wood for the trees, focusing on the project at hand instead of a wider picture. The wider picture doesn’t mean your portfolio; it means the whole history, culture, and design context.</p><div class="simplePullQuote right"><p>Many musicians can play multiple styles, but they tend to favor one instrument; they made a fundamental decision that freed them to explore music in greater depth</p></div><p data-pw-in-article="true">Despite the term, design fundamentals aren’t universal; they’re personal to you. For example, should you pair a script with a serif? Your answer is probably, “it depends” because you’re an awesome designer; my answer is “no,” because, for me, that is a design fundamental.</p><p data-pw-in-article="true">Design fundamentals can be limiting, but by providing default answers to common questions, they also free you to consider larger questions about what you’re doing and why, which leads to clarity of purpose.</p><p data-pw-in-article="true">Many musicians can play multiple styles, but they tend to favor one instrument; they made a fundamental decision that freed them to explore music in greater depth.</p><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>3. The Holy Trinity</h2><p data-pw-in-article="true">The holy trinity in web design is HTML, CSS, and JavaScript. Learn what they are and what they do.</p><p data-pw-in-article="true">You need to understand them well enough to hold an intelligent boardroom-level conversation about them. You don’t actually need to know how to code them — although I’ve never actually met someone who knew enough about their roles to hold a strategic conversation, who didn’t <em>also</em> know how to code them from scratch.</p><p data-pw-in-article="true">I’m not talking about frameworks, libraries, or the latest build tools. Those things are just macros for coders. I’m talking about understanding the building blocks of a site, so if someone asks you whether you really need the company logo in the site footer, you can answer, and back your answer up with facts.</p><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>4. Simple Presentation</h2><p data-pw-in-article="true">No matter what field of design you’re in, you’re going to need to present your ideas to someone who doesn’t share your knowledge. Whether you’re explaining the basics to a client or explaining your decision-making to a colleague, presenting your ideas simply is the best way to be heard.</p><div class="simplePullQuote right"><p>a pitch is most effective when you exclude extraneous detail</p></div><p data-pw-in-article="true">Often, a persuasive presentation utilizes the less-is-more approach. Just as a design is finished when you’ve removed everything unnecessary, so too a pitch is most effective when you exclude extraneous detail.</p><p data-pw-in-article="true">Often you’ll find metaphor useful, especially if you have a passing knowledge of the person’s own area of expertise because it translates a concept into a format the person understands and is comfortable with.</p><div id="pw-oop-desktop_in_article2" class="pw-tag pw-in-article" data-pw-in-article="true" data-pw-status="loaded" data-google-query-id="CJCu_N6z9e8CFbrfhgodDfEK2w"><div id="google_ads_iframe_/154013155/1024317/72732/1024317-72732-desktop_in_article_1__container__"> </div></div><p data-pw-in-article="true">“We should…because it will improve [a metric] by approximately…%” is often the most welcome language. If the person you’re selling your decision needs more detail — and they probably don’t need to know details, that’s what they have you for — they can ask.</p><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>5. Strategic SEO</h2><p data-pw-in-article="true">SEO (Search Engine Optimisation, for the two people in the world who don’t know what that acronym stands for) is a vast field with as many sub-divisions as there are UX job titles.</p><p data-pw-in-article="true">There are various branches of SEO that a site needs to consider. Technical SEO is the stuff that coders do; if you’re not a coder, you can ignore that. Content SEO is the stuff that marketers do; if you’re not a marketer, you can ignore that. Strategic SEO is a macro-view of a site’s plans; everyone on every project should understand strategic SEO.</p><p data-pw-in-article="true">Strategic SEO covers topics like landing pages, single-page sites, whether a blog is necessary, how, if at all, social media is employed. Strategic SEO feeds all other branches of SEO. It is so fundamental that it informs the earliest decisions about a site. If you want to do more than make things look pretty, learn more about strategic SEO.</p><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>6. A Second Language</h2><p data-pw-in-article="true">You’ve probably noticed by now that the web extends beyond your town limits. It’s a global force, which means billions of people who don’t speak the same language.</p><p data-pw-in-article="true">If you’re not a native-English speaker, then it’s a no-brainer to learn a little English. You don’t need to be fluent; you certainly don’t need to be poetic, but the vast majority of documentation, GUIs, blog posts, forums, conferences, and the Web itself are in English, and translation code only gets you so far.</p><p data-pw-in-article="true">If you are a native English speaker, then learn something relevant to your region or the industry you specialize in. It doesn’t really matter what you learn; picking up a language, and culture, makes you a more rounded human being. And provided you don’t pick something obscure, you’re opening yourself up to millions or even billions of users you were previously missing out on.</p><p class="fixed-empty-p" data-pw-in-article="true"> </p><h2>7. Saying, “No.”</h2><p data-pw-in-article="true">It doesn’t matter whether you’re a freelancer sofa-diving for spare pennies to meet the rent or a seasoned in-house designer with targets to meet; everyone struggles to say, “no.”</p><p data-pw-in-article="true">The fear is that if we decline a project, or a feature request, that we won’t be asked next time; eventually, we’ll be passed over for all projects until we have no career left.</p><div id="pw-oop-desktop_in_article3" class="pw-tag pw-in-article" data-pw-in-article="true" data-pw-status="rendered" data-google-query-id="CK29styz9e8CFROBWgUdkjMKQA"><div id="google_ads_iframe_/154013155/1024317/72732/1024317-72732-desktop_in_article_2__container__"> </div></div><p data-pw-in-article="true">The problem is that we only have so many hours in a day. If we do too much, we end up doing it badly, so there have to be limits. Every time you say “yes,” you’re increasing the chances that you will <em>have</em> to say “no,” to a future opportunity that’s great for you.</p><p data-pw-in-article="true">By all means, decline gracefully. Do it politely. Be kind. Offer to refer the client elsewhere. But it’s better to say “no” than to have to say “no” to the perfect project because you’re over-stretched.</p>						</div>
				</div>
					</div>
		</div>
							</div>
		</section>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-01674c4" data-id="01674c4" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-0450fb7 elementor-widget elementor-widget-sidebar" data-id="0450fb7" data-element_type="widget" data-widget_type="sidebar.default">
				<div class="elementor-widget-container">
			<div id="media_image-2" class="widget-container widget_media_image"><h4 class="widget-title">New Bail Bonds Website</h4><a href="https://carrozzabailbonds.com/bail"><img width="300" height="167" src="https://strattonwebsolutions.com/main/wp-content/uploads/2021/04/carrozzabailbonds-e1618805119574-300x167.png" class="image wp-image-1479  attachment-medium size-medium" alt="carrozza bail bonds site logo" style="max-width: 100%; height: auto;" srcset="https://strattonwebsolutions.com/main/wp-content/uploads/2021/04/carrozzabailbonds-e1618805119574-300x167.png 300w, https://strattonwebsolutions.com/main/wp-content/uploads/2021/04/carrozzabailbonds-e1618805119574.png 718w" sizes="(max-width: 300px) 100vw, 300px" /></a></div><div id="search-3" class="widget-container widget_search"><h4 class="widget-title">Search</h4><form role="search" method="get" class="search-form" action="https://strattonwebsolutions.com/main/">
				<label>
					<span class="screen-reader-text">Search for:</span>
					<input type="search" class="search-field" placeholder="Search &hellip;" value="" name="s" />
				</label>
				<input type="submit" class="search-submit" value="Search" />
			</form></div><div id="categories-3" class="widget-container widget_categories"><h4 class="widget-title">Categories</h4>
			<ul>
					<li class="cat-item cat-item-32"><a href="https://strattonwebsolutions.com/main/category/lighter-websites/">Lighter Websites</a> (1)
</li>
	<li class="cat-item cat-item-27"><a href="https://strattonwebsolutions.com/main/category/seo/">SEO</a> (3)
</li>
	<li class="cat-item cat-item-29"><a href="https://strattonwebsolutions.com/main/category/web-design/">Web Design</a> (5)
</li>
			</ul>

			</div><div id="archives-3" class="widget-container widget_archive"><h4 class="widget-title">Archives</h4>
			<ul>
					<li><a href='https://strattonwebsolutions.com/main/2021/05/'>May 2021</a>&nbsp;(1)</li>
	<li><a href='https://strattonwebsolutions.com/main/2021/04/'>April 2021</a>&nbsp;(7)</li>
			</ul>

			</div><div id="tag_cloud-2" class="widget-container widget_tag_cloud"><h4 class="widget-title">Tags</h4><div class="tagcloud"><a href="https://strattonwebsolutions.com/main/tag/beginners/" class="tag-cloud-link tag-link-31 tag-link-position-1" style="font-size: 8pt;" aria-label="Beginners (1 item)">Beginners<span class="tag-link-count"> (1)</span></a>
<a href="https://strattonwebsolutions.com/main/tag/design/" class="tag-cloud-link tag-link-37 tag-link-position-2" style="font-size: 14.3pt;" aria-label="design (2 items)">design<span class="tag-link-count"> (2)</span></a>
<a href="https://strattonwebsolutions.com/main/tag/google/" class="tag-cloud-link tag-link-36 tag-link-position-3" style="font-size: 8pt;" aria-label="google (1 item)">google<span class="tag-link-count"> (1)</span></a>
<a href="https://strattonwebsolutions.com/main/tag/heavy-web-pages/" class="tag-cloud-link tag-link-33 tag-link-position-4" style="font-size: 8pt;" aria-label="heavy web pages (1 item)">heavy web pages<span class="tag-link-count"> (1)</span></a>
<a href="https://strattonwebsolutions.com/main/tag/seo/" class="tag-cloud-link tag-link-28 tag-link-position-5" style="font-size: 18.5pt;" aria-label="SEO (3 items)">SEO<span class="tag-link-count"> (3)</span></a>
<a href="https://strattonwebsolutions.com/main/tag/web-design/" class="tag-cloud-link tag-link-30 tag-link-position-6" style="font-size: 22pt;" aria-label="Web Design (4 items)">Web Design<span class="tag-link-count"> (4)</span></a></div>
</div><div id="text-2" class="widget-container widget_text">			<div class="textwidget"></div>
		</div>
		<div id="recent-posts-3" class="widget-container widget_recent_entries">
		<h4 class="widget-title">Recent Posts</h4>
		<ul>
											<li>
					<a href="https://strattonwebsolutions.com/main/2021/05/05/micro-interactions-are-dynamic-visual-cues-that-can-help-create-an-outstanding-user-experience/">Micro interactions are dynamic visual cues that can help create an outstanding user experience.</a>
											<span class="post-date">May 5, 2021</span>
									</li>
											<li>
					<a href="https://strattonwebsolutions.com/main/2021/04/30/5-easy-seo-tips-to-boost-your-site-in-under-an-hour/">5 Easy SEO Tips to Boost Your Site in Under an Hour</a>
											<span class="post-date">April 30, 2021</span>
									</li>
											<li>
					<a href="https://strattonwebsolutions.com/main/2021/04/25/should-you-hire-a-web-designer/">Should You Hire A Web Designer?</a>
											<span class="post-date">April 25, 2021</span>
									</li>
											<li>
					<a href="https://strattonwebsolutions.com/main/2021/04/25/googles-new-relsponsored-and-how-it-will-impact-seo-across-the-web/">Google’s New “rel=sponsored” and How It Will Impact SEO Across the Web</a>
											<span class="post-date">April 25, 2021</span>
									</li>
											<li>
					<a href="https://strattonwebsolutions.com/main/2021/04/19/the-seo-metrics-that-matter-most/">The SEO Metrics That Matter Most</a>
											<span class="post-date">April 19, 2021</span>
									</li>
					</ul>

		</div>		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
						</div>
					</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://strattonwebsolutions.com/main/2021/04/11/7-skills-you-need-to-thrive-as-a-web-designer-in-2021/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Websites Getting Bloated with junk</title>
		<link>https://strattonwebsolutions.com/main/2021/04/11/elementor-437/</link>
					<comments>https://strattonwebsolutions.com/main/2021/04/11/elementor-437/#respond</comments>
		
		<dc:creator><![CDATA[DougE718]]></dc:creator>
		<pubDate>Sun, 11 Apr 2021 04:45:19 +0000</pubDate>
				<category><![CDATA[Lighter Websites]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[heavy web pages]]></category>
		<guid isPermaLink="false">https://strattonwebsolutions.com/main/?p=437</guid>

					<description><![CDATA[The Web is obese In 1994, there were 3,000 websites. In 2019, there were estimated to be 1.7 billion, almost one website for every three people on the planet. Not only has the number of websites exploded, the weight of each page has also skyrocketed. Between 2003 and 2019, the average webpage weight grew from [&#8230;]]]></description>
										<content:encoded><![CDATA[		<div data-elementor-type="wp-post" data-elementor-id="437" class="elementor elementor-437" data-elementor-settings="[]">
							<div class="elementor-section-wrap">
							<section class="elementor-section elementor-top-section elementor-element elementor-element-5009cb6 elementor-section-boxed elementor-section-height-default elementor-section-height-default" data-id="5009cb6" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-85f85ce" data-id="85f85ce" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<section class="elementor-section elementor-inner-section elementor-element elementor-element-71b8a6b elementor-section-full_width elementor-section-height-default elementor-section-height-default" data-id="71b8a6b" data-element_type="section">
						<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-6f4d911" data-id="6f4d911" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-b12a576 elementor-widget elementor-widget-heading" data-id="b12a576" data-element_type="widget" data-widget_type="heading.default">
				<div class="elementor-widget-container">
			<h2 class="elementor-heading-title elementor-size-default">The Web is obese</h2>		</div>
				</div>
				<div class="elementor-element elementor-element-c9e4706 elementor-widget elementor-widget-text-editor" data-id="c9e4706" data-element_type="widget" data-widget_type="text-editor.default">
				<div class="elementor-widget-container">
								<p>In 1994, there were 3,000 websites. In 2019, there were estimated to be 1.7 billion, almost one website for every three people on the planet. Not only has the number of websites exploded, the weight of each page has also skyrocketed. Between 2003 and 2019, the average webpage weight grew from about 100 KB to about 4 MB.</p><p>“In our analysis of 5.2 million pages,” Brian Dean reported for Backlinko in October 2019, “the average time it takes to fully load a webpage is 10.3 seconds on desktop and 27.3 seconds on mobile.” In 2013, Radware calculated that the average load time for a webpage on mobile was 4.3 seconds.</p><p>Study after study shows that people absolutely hate slow webpages. In 2018, Google research found that 53% of mobile site visitors left a page that took longer than three seconds to load. A 2015 study by Radware found that “a site that loads in 3 seconds experiences 22% fewer page views, a 50% higher bounce rate, and a 22% fewer conversions than a site that loads in 1 second, while a site that loads in 5 seconds experiences 35% fewer page views, a 105% higher bounce rate, and 38% fewer conversions.”</p><p>The causes of webpage bloat? Images and videos are mainly to blame. By 2022, it’s estimated that online videos will make up more than 82% of all consumer Internet traffic—15 times more than in 2017. However, from the code to the content, everything about Web design has become super-bloated and super-polluting. Consider that if a typical webpage that weighs 4 MB is downloaded 600,000 times, one tree will need to be planted in order to deal with the resulting pollution.</p><p>They say a picture paints a thousand words. Well, 1,000 words of text takes up roughly two A4 (210 mm wide and 297 mm long) pages and weighs about 6 KB. You’d place about four images that are 9 cm x 16 cm on two A4 pages. Let’s say these images are well optimized and weigh 40 KB each. (A poorly optimized image could weigh several megabytes.) Even with such high optimization, two A4 pages of images will weigh around 160 KB. That’s 27 times more than the two A4 pages of text. A 30-second video, on the other hand, could easily weigh 3 MB. Videos create massively more pollution than text. Text is the ultimate compression technique. It is by far the most environmentally friendly way to communicate. If you want to save the planet, use more text. Think about digital weight.</p><p>From an energy point of view, it’s not simply about page weight. Some pages may have very heavy processing demands once they are downloaded. Other pages, particularly those that are ad-driven, will download with lots of third-party websites hanging off them, either feeding them content, or else demanding to be fed data, often personal data on the site’s visitor. It’s like a type of Trojan Horse. You think you’re accessing one website or app, but then all these other third parties start accessing you. According to Trent Walton, the top 50 most visited websites had an average of 22 third-party websites hanging off them. The New York Times had 64, while Washington Post had 63. All these third-party websites create pollution and invade privacy.</p><p>There is a tremendous amount of out-of-date content on websites. I have worked with hundreds of websites where we had to delete up to 90% of the pages in order to start seeing improvements. Poorly written, out-of-date code is also a major problem. By cleaning up its JavaScript code, Wikipedia estimated that they saved 4.3 terabytes a day of data bandwidth for their visitors. By saving those terabytes, we saved having to plant almost 700 trees to deal with the yearly pollution that would have been caused.</p><p>If you want to help save the planet, reduce digital weight. Clean up your website. Before you add an image, make sure that it does something useful and it’s the most optimized image possible. Every time you add code, make sure it does something useful and it’s the leanest code possible. Always be on the lookout for waste images, waste code, waste content. Get into the habit of removing something every time you add something.</p><p>Publishing is an addiction. Giving a website to an organization is like giving a pub to an alcoholic. You remember the saying, “There’s a book inside everyone”? Well, the Web let the book out. It’s happy days for a while as we all publish, publish, publish. Then…</p><p>“Hi, I’m Gerry. I have a 5,000-page website.”</p><p>“Hi, Gerry.”</p><p>“I used to have a 500-page website, but I had no self-control. It was one more page, one more page… What harm could one more page do?”</p><p>Redesign is rehab for websites. Every two to three years some manager either gets bored with the design or some other manager meets a customer who tells them about how horrible it is to find anything on the website. The design team rounds up a new bunch of fake images and fake content for the top-level pages, while carefully avoiding going near the heaving mess at the lower levels. After the launch, everyone is happy for a while (except the customers, of course) because in many organizations what is important is to be seen to be doing things and producing and launching things, rather than to do something useful.</p><p>If you must do something, do something useful. That often means not doing, removing, minimizing, cleaning up.</p><p>Beware the tiny tasks. We’ve used the Top Tasks method to identify what matters and what doesn’t matter to people, whether they’re buying a car, choosing a university, looking after their health, buying some sort of technology product, or whatever. In any environment we’ve carried it out in—and we’ve done it more than 500 times—there are no more than 100 things that could potentially matter.</p><p>In a health environment, these might include symptoms, treatment, prevention, costs, waiting times, etc. When buying a car they might include price, engine type, warranties, service costs, etc. We’ve carried out Top Tasks surveys in some 40 countries and 30 languages, with upwards of 400,000 people voting. In every single survey the same patterns emerge. Let’s say there are 100 potential tasks. People are asked to vote on the tasks that are most important to them. When the results come in, we will find that five of the tasks will get the first 25% of the vote. 50 tasks will get the final 25% of the vote. The top five tasks get as much of the vote as the bottom 50. It’s the same pattern in Norway, New Zealand, Israel, USA, Canada, UK, Brazil, wherever.</p><p>The bottom 50 are what I call the tiny tasks. When a tiny task goes to sleep at night it dreams of being a top task. These tiny tasks—the true waste generators—are highly ambitious and enthusiastic. They will do everything they can to draw attention to themselves, and one of the best ways of doing that is to produce lots of content, design, code.</p><p>Once we get the Top Tasks results, we sometimes analyze how much organizational effort is going into each task. Invariably, there is an inverse relationship between the importance of the task to the customer and the effort that the organization is making in relation to these tasks. The more important it is to the customer, the less is being done; the less important it is to the customer, the more is being done.</p><p>Beware of focusing too much energy, time and resources on the tiny tasks. Reducing the tiny tasks is the number one way you can reduce the number of pages and features. Save the planet. Delete the tiny tasks.</p><h2 id="section3">A plague of useless images</h2><p>I was giving a talk at an international government digital conference once, and I asked people to send me examples of where digital government was working well. One suggestion was for a website in a language I don’t speak. When I visited it, I saw one of those typical big images that you see on so many websites. I thought to myself: I’m going to try and understand this website based on its images.</p><p>The big image was of a well-dressed, middle-aged woman walking down the street while talking on her phone. I put on my Sherlock Holmes hat. Hmm… Something to do with telecommunications, perhaps? Why would they choose a woman instead of a man, or a group of women and men? She’s married, I deduced by looking at the ring on her finger. What is that telling me? And what about her age? Why isn’t she younger or older? And why is she alone? Questions, questions, but I’m no Sherlock Holmes. I couldn’t figure out anything useful from this image.</p><p>I scrolled down the page. Ah, three more images. The first one is a cartoon-like image of a family on vacation. Hmm… The next one is of two men and one woman in a room. One of them has reached their hand out and placed it on something, but I can’t see what that something is, because the other two have placed their hands on top of that hand. It’s a type of pledge or something, a secret society, perhaps? Two of them are smiling and the third is trying to smile. What could that mean? And then the final picture is of a middle-aged man staring into the camera, neither smiling nor unsmiling, with a somewhat kind, thoughtful look. What is happening?</p><p>I must admit that after examining all the visual evidence I had absolutely no clue what this government website was about. So, I translated it. It was about the employment conditions and legal status of government employees. Now, why didn’t I deduce that from the images?</p><p>The Web is smothering us in useless images that create lots of pollution. These clichéd, stock images communicate absolutely nothing of value, interest or use. They are one of the worst forms of digital pollution and waste, as they cause page bloat, making it slower for pages to download, while pumping out wholly unnecessary pollution. They take up space on the page, forcing more useful content out of sight, making people scroll for no good reason.</p><p>Interpublic is a very large global advertising agency. As with all advertising agencies they stress how “creative” they are, which means they love huge, meaningless, happy-clappy polluting images. When I tested their homepage, it emitted almost 8 grams of CO2 as it downloaded, putting Interpublic in the worst 10% of website polluters, according to the Website Carbon Calculator. (For comparison, the Google homepage emits 0.23 grams.) One single image on its homepage weighed 3.2 MB. This image could easily have been 10 times smaller, while losing nothing in visual appeal. The Interpublic website is like a filthy, rusty 25-year-old diesel truck, belching fumes as it trundles down the Web.</p><p>Instead of optimizing images so that they’ll download faster, the opposite is often happening. High-resolution images are a major cost to the environment. If, for example, you move from a 4K resolution image to an 8K one, the file size doesn’t double, it trebles. For example, I saved an image at 4K and it was 6.9 MB. At 8K it was 18 MB.</p><p>Digital “progress” and “innovation” often means an increasing stress on the environment. Everything is more. Everything is higher. Everything is faster. And everything is exponentially more demanding of the environment. Digital is greedy for energy and the more it grows the greedier it gets. We need digital innovation that reduces environmental stress, that reduces the digital footprint. We need digital designers who think about the weight of every design decision they make.</p><p>We must start by trying to use the option that damages the environment least, and that is text. Don’t assume that images are automatically more powerful than text. Sometimes, text does the job better.</p><ul><li>In a test with an insurance company, it was found that a promotion for a retirement product was deemed less accurate when an image of a face was used than when text only was used.</li></ul><ul><li>An initiative by the UK government to get people to sign up to become potential organ donors tested eight approaches. The approaches that used images were least effective. Text-only worked best.</li></ul><p>“Hello?”</p><p>“Hello. Is that the Department of Useless Images?”</p><p>“Yes.”</p><p>“We have this contact form and we need a useless image for it.”</p><p>“How about a family cavorting in a field of spring flowers with butterflies dancing in the background?”</p><p>“Perfect.”</p><p>There are indeed many situations where images are genuinely useful, particularly when it comes to helping people better understand how a product works or looks. Airbnb, for example, found that its growth only began to accelerate after it invested in getting quality images of the rental properties on offer.</p><p>If you need to use images, optimize them and consider using real ones of real people doing real things.</p><p>They say a picture paints a thousand words but sometimes it’s a thousand words of crap.</p>						</div>
				</div>
					</div>
		</div>
				<div class="elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-621862d" data-id="621862d" data-element_type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
								<div class="elementor-element elementor-element-58ebf4a elementor-widget elementor-widget-sidebar" data-id="58ebf4a" data-element_type="widget" data-widget_type="sidebar.default">
				<div class="elementor-widget-container">
			<div id="media_image-2" class="widget-container widget_media_image"><h4 class="widget-title">New Bail Bonds Website</h4><a href="https://carrozzabailbonds.com/bail"><img width="300" height="167" src="https://strattonwebsolutions.com/main/wp-content/uploads/2021/04/carrozzabailbonds-e1618805119574-300x167.png" class="image wp-image-1479  attachment-medium size-medium" alt="carrozza bail bonds site logo" style="max-width: 100%; height: auto;" srcset="https://strattonwebsolutions.com/main/wp-content/uploads/2021/04/carrozzabailbonds-e1618805119574-300x167.png 300w, https://strattonwebsolutions.com/main/wp-content/uploads/2021/04/carrozzabailbonds-e1618805119574.png 718w" sizes="(max-width: 300px) 100vw, 300px" /></a></div><div id="search-3" class="widget-container widget_search"><h4 class="widget-title">Search</h4><form role="search" method="get" class="search-form" action="https://strattonwebsolutions.com/main/">
				<label>
					<span class="screen-reader-text">Search for:</span>
					<input type="search" class="search-field" placeholder="Search &hellip;" value="" name="s" />
				</label>
				<input type="submit" class="search-submit" value="Search" />
			</form></div><div id="categories-3" class="widget-container widget_categories"><h4 class="widget-title">Categories</h4>
			<ul>
					<li class="cat-item cat-item-32"><a href="https://strattonwebsolutions.com/main/category/lighter-websites/">Lighter Websites</a> (1)
</li>
	<li class="cat-item cat-item-27"><a href="https://strattonwebsolutions.com/main/category/seo/">SEO</a> (3)
</li>
	<li class="cat-item cat-item-29"><a href="https://strattonwebsolutions.com/main/category/web-design/">Web Design</a> (5)
</li>
			</ul>

			</div><div id="archives-3" class="widget-container widget_archive"><h4 class="widget-title">Archives</h4>
			<ul>
					<li><a href='https://strattonwebsolutions.com/main/2021/05/'>May 2021</a>&nbsp;(1)</li>
	<li><a href='https://strattonwebsolutions.com/main/2021/04/'>April 2021</a>&nbsp;(7)</li>
			</ul>

			</div><div id="tag_cloud-2" class="widget-container widget_tag_cloud"><h4 class="widget-title">Tags</h4><div class="tagcloud"><a href="https://strattonwebsolutions.com/main/tag/beginners/" class="tag-cloud-link tag-link-31 tag-link-position-1" style="font-size: 8pt;" aria-label="Beginners (1 item)">Beginners<span class="tag-link-count"> (1)</span></a>
<a href="https://strattonwebsolutions.com/main/tag/design/" class="tag-cloud-link tag-link-37 tag-link-position-2" style="font-size: 14.3pt;" aria-label="design (2 items)">design<span class="tag-link-count"> (2)</span></a>
<a href="https://strattonwebsolutions.com/main/tag/google/" class="tag-cloud-link tag-link-36 tag-link-position-3" style="font-size: 8pt;" aria-label="google (1 item)">google<span class="tag-link-count"> (1)</span></a>
<a href="https://strattonwebsolutions.com/main/tag/heavy-web-pages/" class="tag-cloud-link tag-link-33 tag-link-position-4" style="font-size: 8pt;" aria-label="heavy web pages (1 item)">heavy web pages<span class="tag-link-count"> (1)</span></a>
<a href="https://strattonwebsolutions.com/main/tag/seo/" class="tag-cloud-link tag-link-28 tag-link-position-5" style="font-size: 18.5pt;" aria-label="SEO (3 items)">SEO<span class="tag-link-count"> (3)</span></a>
<a href="https://strattonwebsolutions.com/main/tag/web-design/" class="tag-cloud-link tag-link-30 tag-link-position-6" style="font-size: 22pt;" aria-label="Web Design (4 items)">Web Design<span class="tag-link-count"> (4)</span></a></div>
</div><div id="text-2" class="widget-container widget_text">			<div class="textwidget"></div>
		</div>
		<div id="recent-posts-3" class="widget-container widget_recent_entries">
		<h4 class="widget-title">Recent Posts</h4>
		<ul>
											<li>
					<a href="https://strattonwebsolutions.com/main/2021/05/05/micro-interactions-are-dynamic-visual-cues-that-can-help-create-an-outstanding-user-experience/">Micro interactions are dynamic visual cues that can help create an outstanding user experience.</a>
											<span class="post-date">May 5, 2021</span>
									</li>
											<li>
					<a href="https://strattonwebsolutions.com/main/2021/04/30/5-easy-seo-tips-to-boost-your-site-in-under-an-hour/">5 Easy SEO Tips to Boost Your Site in Under an Hour</a>
											<span class="post-date">April 30, 2021</span>
									</li>
											<li>
					<a href="https://strattonwebsolutions.com/main/2021/04/25/should-you-hire-a-web-designer/">Should You Hire A Web Designer?</a>
											<span class="post-date">April 25, 2021</span>
									</li>
											<li>
					<a href="https://strattonwebsolutions.com/main/2021/04/25/googles-new-relsponsored-and-how-it-will-impact-seo-across-the-web/">Google’s New “rel=sponsored” and How It Will Impact SEO Across the Web</a>
											<span class="post-date">April 25, 2021</span>
									</li>
											<li>
					<a href="https://strattonwebsolutions.com/main/2021/04/19/the-seo-metrics-that-matter-most/">The SEO Metrics That Matter Most</a>
											<span class="post-date">April 19, 2021</span>
									</li>
					</ul>

		</div>		</div>
				</div>
					</div>
		</div>
							</div>
		</section>
					</div>
		</div>
							</div>
		</section>
						</div>
					</div>
		]]></content:encoded>
					
					<wfw:commentRss>https://strattonwebsolutions.com/main/2021/04/11/elementor-437/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
