Before I first started wearing my Fitbit, I had no idea how many steps I took in a day, or what times of day I was most active. Introducing a Fitbit into my life allowed me to quantify my activity levels, and it was always gratifying to achieve the "10,000 steps!" buzz and light show on my wrist.
But it wasn't until I looked at my Fitbit app dashboard that I had real, genuine insight into the step trends of my daily life, and could make actionable changes.
Tracking steps, coupled with an in-app dashboard, surfaced patterns in my behavior. The dashboard allowed me to visualize that data, and I learned that generally, I was most active during my commute times (walking to the bus and my building, and vice versa) and that my work-from-home days were very lazy. (It also showed me that my sleep was less restful even after one glass of wine, but I'll leave that for another time.)
_Sample screenshots from https://www.fitbit.com/charge3_
My experience interacting with my Fitbit is a classic example of where a dashboard takes data to the next level. It captured information about my everyday step trends and translated them into meaningful displays, which allowed me to draw actionable conclusions about my fitness.
You can bring your marketing data to life in the same way. Enter: The Marketing Analytics Dashboard.
WHAT IS A MARKETING DASHBOARD?
_Data in a spreadsheet to data in a dashboard_
Dashboards exist in a business environment to translate and display data in a way that is easily digestible for your audience. A marketing dashboard will usually report user behavior on a company website, measure the effectiveness of online marketing campaigns, and track progress on internal company conversion goals.
Dashboards can be built to explore a one-off data analysis, a recurring monthly report, or anything in between. The more significant consideration is your stakeholders. Which metrics do they care about? Which trends are relevant to them? The goal is to tailor your dashboard, in length and content, to who will be using it most.
WHAT SHOULD A MARKETING DASHBOARD INCLUDE?
A marketing dashboard is comprised of two things: data and design.
DATA
The data you choose to include in your dashboard will vary depending on who the dashboard is for, the industry you operate in, and your business goals.
I like to start by making a big list of everything I want to include in my report. Which KPIs matter to your company? Which KPIs matter to your industry? If you're measuring conversions in some capacity, those will almost certainly be relevant to include. Then, I break it into sections where each section gets its own page of the report. For digital marketing, that breakdown is often by channels of traffic.
Again, what data you choose to include in your dashboard will depend on what your organization is most interested in tracking. However, if you're trying to figure out how to jump in, this is a good place to start.
DESIGN
Color Considerations
While you may be tied to brand colors, keep in mind that colors have psychological associations to most people. Those associations can vary a lot based on things like culture, environment, or upbringing, so be aware of your color choices. It's not uncommon in the workplace for red to mean poor or declining performance, and green to be positive, or improving performance.
This brings me to another color consideration: color blindness. Because compelling visuals are critical to dashboards, their design should be accessible to all users. For more information, Usabilla.com has an excellent breakdown of how to make design considerations that accommodate all users.
And finally, embrace white space. It gives your data and design elements some room to breathe. The less clutter, the easier it is for your audience to know what insights they should be taking away from the dashboard. _Lots of beautiful white space a la Michael Wiegand_
Appropriate Charts
Too often, charts can visually over-complicate data, or underrepresent it. In this example case, I removed a year-over-year feature and bumped out the timeframe to capture the same two years of data. In the first chart, the YoY comparison is difficult to parse out for "Product Revenue" because the bar graphs make comparison trends harder to see. That, layered with the click trends, makes the graph cluttered because it's comparing two metrics and two timeframes. _Previous Chart_
In the revised chart, I removed the YoY feature and expanded the timeframe to two years. Here, we can see at a glance that while there are seasonal trends for clicks and product revenue, product revenue the second year far outperformed the first year. This small update to an existing chart made it much easier to read. _New Chart_
Need help choosing a chart? I like to use this workflow to help me decide.
Eliminate Unnecessary Design Elements
"Don't make me think" is the thesis and title of the UX/web design book by Steve Krug. The same principles can be applied to creating a dashboard. Are your design elements constructive or distracting? Eliminate any elements that aren't required, or that take away from the message of the data.
HOW DO I CREATE A DASHBOARD?
You know what a dashboard is. And you have some best practices on how it should be used. But how do you create one? You'll need a few things to get started.
DASHBOARDING SOFTWARE
First and foremost, you need access to dashboarding software. There are some industry staples, such as Tableau, Power BI, Domo, and Chartio. There are also free alternatives like Google Data Studio (the Portent dashboard tool of choice!). I'll be using Google Data Studio for the examples in this post.
DATA SOURCES
Having a data source is the foundation of your dashboard! No data, no dashboard. Working with Google Data Studio, there are native integrations to other products that are built and maintained by Google. These are called "Google Connectors." _Examples of Google Connectors_
If your dashboard can't be connected to your data source through a Google Connector, there are many third-party "Partner Connectors," which connect to other data sources via their own APIs. _Examples of Partner Connectors_
Whenever possible, use a native integration first. These connections are supported by the dashboarding software, and will be more reliable, and easier to connect.
If a native integration data source isn't available, use a Partner Connector to use an API to connect to your data. Native and partner data sources are automated, so they automatically refresh and update as data becomes available.
If you have a data source that cannot be connected with a native or partner connector, the final (least preferred) source is a Google sheet. This is because the data is least automated, and will require manual upkeep. There are instances where this is the only way to connect data, but the more automated your dashboard can be, the better.
SKETCH IT OUT
This is an optional step, but can be incredibly helpful when planning your dashboard and its components. Having a clear understanding of what information you will need to display will save you so much time formatting and reformatting your dashboard.
START BUILDING A DASHBOARD!
You're ready to build! In Google Data Studio, navigate to the top left and click the button that says "Create." This button will turn into a dropdown menu. Select "Data Source."
This will take you to the Data Source Connection page. For this example, we'll connect Google Analytics.
You'll select the correct Google Analytics account based on the Property, Account, and View of the GA profile. Don't forget to give your data source a name! Click "Connect" at the top right of the screen.
After you've created a data source, you're ready to create a dashboard. On the homepage, click "Create," and this time, select "Report."
Google Data Studio will prompt you to select a data source upon arriving at the blank GDS slide. After that, the design widgets will appear at the top of the report, and you're ready to begin building your dashboard! You can create a new design element at the top by clicking "Add a Chart."
Or, you can configure an existing chart by selecting it and navigating to this dropdown, which will pop out with available visualizations.
After selecting your data, click the dropdown in the top right to change the visualization.
Remember that you can have design elements with different data sources, all on one slide! However, you will need to repeat the data source creation process outlined above.
FINAL THOUGHTS
And so, my fellow Dashboarders: ask not what your data can do for you, but what you can do for your data. If a step-counter dashboard can inspire me to make lifestyle changes, your marketing data is just waiting to make an impact.
If you're inspired and looking for additional data visualization resources, here are a few!
"Storytelling with Data" by Cole Knaflic
"Art + Data" Book of Tableau Dashboards
Edward Tufte and any of his books.
The post How To Create an Impactful Marketing Analytics Dashboard appeared first on Portent.
WordPress plugins have been shaping the way users extend WordPress for years. As plugin development evolves, it is essential to understand why--and when--you should use plugins. While plugins do help extend functionality, you need to be aware of the added weight that plugins can add to your website, as well as any vulnerabilities they may have.
WHAT TO LOOK FOR WHEN CHOOSING PLUGINS
As you browse through the WordPress Plugin Repository, you will notice that all plugins have three items right off the bat:
* Reviews (star rating, and count)
* Number of active installations
* The version of WordPress the plugin has been tested for
REVIEWS
Reviews can make or break a plugin's reputation. It is important to read through the reviews because often, the users submitting them will also provide small use cases for the plugin, which is a good way for you to see if the plugin is going to work for you. It also allows you to see if any bugs have been identified, and whether or not the plugin developer is actively working to resolve them. Sometimes reviews can be misleading as well; some people do not read instructions before downloading and encounter trouble implementing the plugin, which in turn can result in a bad review.
NUMBER OF ACTIVE INSTALLATIONS
In many cases, the number of active installs can be a great indicator of whether or not the plugin works as intended. However, It can also be misleading because some new plugins may not have enough traction (yet) compared to others that have been around for a long time. Checking the reviews and changelog for new plugins can help make sure it is going to be sufficient for your use.
WORDPRESS VERSION TESTING
The WordPress version for which the plugin has been tested is probably the most important deciding factor when choosing plugins. With updates for WordPress being pushed monthly, plugin compatibility can vary depending on the version of WordPress your website is on, versus the version of WordPress your plugin has been tested with. At the time that this post was written, WordPress is currently on version 5.3, which means that your plugins should have at least been tested through version 5+.
TESTING PLUGINS
When it comes to building and maintaining websites, it is best practice to test before implementing changes to a live site. Here are a few ways you can test your plugins to check for functionality and potentially save you many headaches down the line.
CREATE A DEV/TEST SITE (EASY)
Most WordPress-specific hosting plans will allow you to create multiple websites on your server. If you aren't sure, it would be a good idea to reach out to your hosting support to inquire about setting up an additional test site to serve as a copy of your live site.
CREATE A LOCAL SITE (ADVANCED)
For advanced WordPress users, here is a great step-by-step tutorial on how to create a local WordPress install. A local install is a website that is hosted locally on your own computer, whereas a dev, test, or live site is hosted on a remote server.
TOO MANY PLUGINS?
While plugins are a vital part of any WordPress site, it is important to remember that it can be detrimental to have too many. When uploading plugins, you are adding additional weight to your website, which can negatively affect your site speed.
It is always good practice to plan your website's structure before you start building it. That way, you will know ahead of time what features or functionality will require a plugin, as well as what could be done with a smaller, custom implementation. Utilizing a developer to create a custom implementation offers a solution that won't contain all of the bloating that can come from using plugins.
WORDPRESS PLUGINS WE USE
There is no shortage of available WordPress plugins. Below are some of our favorites that we use at Portent.
ADVANCED CUSTOM FIELDS
Advanced Custom Fields (ACF) is a WordPress plugin that is used by developers to create easy to use content fields inside of edit pages, like the Page(s) section in WordPress.
The 'content fields,' more commonly known as 'custom fields,' can be used for nearly anything. Custom fields are defined in the plugin settings, and a developer will be required to configure the code, which would then output the field content to the front end of the website. By utilizing the power of ACF, you can construct websites faster, and make content entry much easier.
Why We Use ACF
ACF is our favorite plugin here at Portent; we use it on nearly all of the WordPress sites we work on. It is great for creating page builders, adding additional functionality to custom post types, and creating custom logic for all sorts of different website features.
When Should You Use ACF?
Use cases for Advanced Custom Fields are vast. When starting a WordPress project, or looking to add additional functionality or new components, I would suggest reviewing the documentation on their website to see if ACF is the right plugin to use.
AUTOPTIMIZE
Autoptimize is a WordPress plugin used to assist in website optimizations. It offers a multitude of options, including JavaScript, HTML, and CSS optimizations. It can also help with image lazy loading and image optimization through a content delivery network (CDN).
Why We Use Autoptimize
Autoptimize has a simple interface that makes selecting optimizations easy. It also has a more advanced interface option that you can select within the plugin settings. We tend to use this plugin because it does a great job of optimizing our sites, and it typically works well with other plugins. Autoptimize has an add-on plugin called Autoptimize criticalcss.com power-up, which helps with integrating critical-CSS styles for faster load times.
When Should You Use Autoptimize?
We recommend using Autoptimize for a majority of site optimizations such as slow page speed; JS, CSS, and HTML compression; or removing render-blocking assets by placing them in the correct areas of your markup.
Note: Before installing Autoptimize, we encourage users to run a site audit to see if you have any recommendations that would apply to Autoptimize. If you have questions on running a performance audit, check out our post, Ultimate Guide to Page Speed.
YOAST SEO
Yoast SEO is arguably one of the most downloaded WordPress plugins. Yoast SEO does a great job of simplifying SEO for everyday users.
Why We Use Yoast SEO
This plugin provides on-page SEO analysis within the WordPress page editor. It also lets you know whether the content on your page is readable and gives you tips to ensure your content makes sense to your users. Additionally, Yoast SEO has many user-friendly tutorials on how to use and set up the plugin for the best results.
When Should You Use Yoast SEO?
Whether you're just learning the ins and outs of search engine optimization, or you're a seasoned user looking to further their knowledge of SEO, the Yoast SEO plugin is a great way to extend the standard SEO features in WordPress.
EWWW IMAGE OPTIMIZER
While we suggest optimizing images prior to uploading, EWWW Image Optimizer is an excellent tool for optimizing, resizing, and reformatting images that are already uploaded to your WordPress media library, as well as images you plan to upload in the future.
Why We Use EWWW Image Optimizer
We use EWWW Image Optimizer for image compression, and in some cases, for WebP image generation (WebP is a modern web image format developed by Google). EWWW Image Optimizer also generates various sizes of images based on predefined image sizes specified within the theme.
When Should You Use EWWW Image Optimizer?
We recommend EWWW Image Optimizer for anyone looking to increase their site speed by optimizing the images on their websites. Image optimization is one of the most important aspects of generating quality site speed scores. To see if you are suffering from slow scores due to heavy or oversized images, check out our post on maintaining site speed. The very first section of the post refers to image compression.
SAFE SVG
Before jumping into the benefits of using the Safe SVG WordPress plugin, I want to give you some information on SVGs and why they can benefit you and your website. SVGs, or Scalable Vector Graphics, are XML-based vector images that can scale infinitely without becoming pixelated. Logos and icons are often created as SVGs. Aside from the fact that SVGs are scalable, SVGs also can be interactive and animated. They are also typically a much smaller file size than your typical PNG, JPG, or GIF, which means faster load times.
By default, WordPress doesn't allow images to be uploaded as an SVG file format. The Safe SVG plugin remedies this and also filters uploads to look for potential security risks.
Why We Use Safe SVG
While there are snippets of code that can allow SVGs to be uploaded to WordPress, the SVGs won't actually display in the media library once uploaded. Safe SVG will enable you to visually see your upload in the media library, as well as sanitize your uploaded SVG so you don't open up doors to security vulnerabilities by uploading a malicious graphic to your site.
When Should You Use Safe SVG?
We recommend using the Safe SVG WordPress plugin for anyone who has SVG files that need to be uploaded to the WordPress media library.
TO RECAP
WordPress plugins have the ability to make your life so much easier when it comes to extending the functionality of your website. However, while the extended functionality can be appealing, it is important that you choose the right plugin for you.
Remember this checklist for choosing plugins:
* Check reviews
* Look at the number of active installs
* Determine the WordPress version testing
Always take the time to test plugins locally or on a staging/dev site. That way, you can ensure the plugin you choose isn't going to cause you issues once installed on your live website.
And finally, there is such a thing as too many plugins! Excess plugins can affect your site speed. Before implementing one, consider whether or not you really need it, or if an existing plugin or a custom implementation could provide the same functionality.
The post Our 5 Favorite WordPress Plugins for Marketing appeared first on Portent.
What do cars, household appliances, and backlinks all have in common? Unfortunately for us, they will all break over time.
Just like it's necessary to upgrade your 1971 Ford Pinto to a more reliable (and less explody) vehicle, your website must be routinely updated for optimal performance and user experience. However, when websites remove pages or change URLs during a site overhaul, it breaks backlinks, and your website's organic search visibility can suffer.
Link reclamation allows you to quickly fix these broken links so your website can continue to dominate the search engine results pages (SERPs) and drive search traffic to your target landing pages.
Without further ado, here is your guide to link reclamation outreach.
WHAT IS LINK RECLAMATION?
Link reclamation is the process of reaching out to website owners or editors, asking them to update one or multiple links found on their website. This process benefits both parties because it creates a better experience for users who engage with either party's content. And, there is no SEO value in broken links, so both sites suffer a loss of what once may have been valuable link equity.
WHY REDIRECTS AREN'T ENOUGH
While setting up 301 redirects is an essential step during a site migration, they only restore 90-99% of link equity, according to Moz. At first glance, a 1-10% loss in link equity may not seem like the end of the world. However, if you had to create 301 redirects for hundreds, or even thousands of links, your website's PageRank will most likely suffer.
HOW TO FIND BROKEN LINKS
Without SEO tools, it's nearly impossible to find broken backlinks on your website. We prefer using Ahrefs, Majestic, and Moz to locate links (both broken and unbroken). Here is a quick how-to for finding broken links on each of these platforms.
AHREFS
* Enter your company's URL into Ahrefs' search bar.
* Under "Backlinks" click on "Broken."
* Explore broken links to your site (it looks like Ford needs to fix more than just their Pintos).
PRO TIP: If your site has a lot of broken backlinks, you may want to consider exporting your broken backlink data into a .csv file. This will help you organize your data.
MAJESTIC
* Enter your company's URL into the search bar.
* Click on "Lost."
* Explore broken backlink data and/or export to a .csv file.
MOZ
* Under the "Moz Pro" tab, click on "Link Explorer."
* Enter your site's URL into the search bar.
* Click on "Discovered and Lost" on the side menu.
* Explore broken backlink data and/or export to a .csv file.
HOW TO ASK SITE OWNERS TO FIX LINKS
Now that you've gathered all of the data necessary for your link reclamation campaign, it's time to build your contact list and write your email templates.
There are several tools you can use to help you build your email list, but we like Hunter.io and Skrapp a lot lately. Whatever tool you decide to use, it's imperative that you do everything in your power to prospect for the best possible contact that can help you fix your broken backlinks. We suggest looking for content editors, webmasters, marketers, or content strategists.
The great thing about link reclamation is that you're pitching a mutually beneficial value proposition (i.e., "fix this link so that your users will have a good experience on your website"). Your pitch doesn't need to be fluffy, and you can get straight to the point.
Here's an example of a link reclamation pitch that our team uses:
_Subj: Broken Link on [Website Name]_
_Hello [First Name],_
_In [Insert blog post name and link here] on your site, a link with the anchor text "XXX" was pointing to our website but, due to a [content migration or other reason], it is now incorrect._
_I have an updated link that leads to the original article you referenced. Here it is if you'd like to use it: [Insert link here]_
_As you are probably well aware, fixing this link will improve user experience for both of us._
_If you're not the right person to contact about this issue, can you point me in the right direction?_
_Please let me know when you are able to fix this broken link._
_Thanks,_
_Stella_
And be sure to follow up! Reaching out multiple times is sometimes necessary to get results. Learn more about email best practices in our blog post about link building campaigns.
Don't forget: when website editors fix a link for you, make sure to ALWAYS thank them. This will help you build long-term relationships, and they will likely link to your website's content in the future.
WHAT TO DO IF YOU CAN'T FIX A BROKEN LINK
Just like all of the other link building activities you participate in, you should not expect a 100% success rate. It's important that you communicate with your SEOs and/or developers on your team to set up the proper redirects and status pages for backlinks that can not be fixed.
HOW TO MONITOR FOR RECLAIMED LINKS
It's common for website editors to fix a link and not tell you about it. That's why you need to set up a process where you can check the status of your broken links on your own terms.
There are two ways to monitor for reclaimed links. You can use your SEO tools and look for new links coming in, or you can routinely check for fixed links manually. While SEO tools (like Buzzsumo, Ahrefs, and Majestic) are extremely useful, they can be slow at finding newly acquired backlinks.
That's why we recommend keeping track of all of your broken links and outreach efforts in a spreadsheet. This will help you stay organized, and you can check the status of your links in a timely manner.
FINAL THOUGHTS
Link reclamation is one of the most straightforward (and usually delivers the highest ROI) link building activities out there. With the right tools, you can regain that valuable link equity you lost due to something as large as a website migration or overhaul, or even minor changes on your site that affected URL structure. However, it's a process that requires consistent effort and attention. Make sure to monitor your backlinks regularly so that your website can continue to capitalize on all the links pointing to your site.
The post Link Reclamation for SEO: Strategies, Tips, and Best Practices appeared first on Portent.
Accessibility for the web is not a new subject. However, the topic of web accessibility is growing in volume. That very fact may be what led you to this article; you need or want to know about accessible content practices but already see the topic is wide and deep.
I want you to be able to shout about the importance of accessible web content along with us and everyone else. THIS GUIDE IS AIMED AT PRACTITIONERS WHO ARE NEWLY AWARE OF ACCESSIBILITY CONCERNS AND NEED A PRACTICAL, PRESCRIPTIVE PLACE TO GET STARTED. Having a general grasp of HTML and page structure will be helpful.
HOW TO USE THIS GUIDE
This article covers a small set of general accessibility issues that are part of Web Content Accessibility Guidelines (WCAG) compliance. I will point them out and explain them, provide insight on how you can resolve these issues, and offer my professional opinion on how these issues make it into our applications or websites in the first place.
To be more specific, nearly all of these issues can be flagged using tools such as AXE by Dequeue, webAIM's WAVE Accessibility Tool, or the Audit tools in Google Chrome. Any items that you cannot find via a tool, I will call out directly and provide context on what to look for.
SCREEN READER USE IN EXAMPLES
One last point before we get started. Some screencaps in this article will show the Rotor menu from VoiceOver, a screen reader bundled with macOS. If your curiosity is piqued and you would like to test along with the article, WebAim.org has a guide for using VoiceOver to evaluate accessibility to get you up and running with VoiceOver.
For users on Windows PCs, you can use NVDA. WebAim has a guide that covers using NVDA to evaluate web accessibility.
Alright. Ready to jump in?
IMPROPER USE OF HEADING TAGS (H1 THROUGH H6)
Day-to-day, I see this single issue more than any other. So often, content managers, designers, and developers use headings for page layout. Yes, headings are part of page layouts. However, their primary purpose is to provide hierarchical landmarks that organize your content. A heading cannot be deployed purely for the sake of visual impact.
IMPROPER HEADER TAG USAGE
Another variation of the problem is headers skipping depths. If all of the sections after an H2 tag are H6s, several contextual depths have been skipped. Users accessing content with a screen reader rely on properly organized headers to navigate. When a heading tag of any number is used on a page it creates a promise you must fulfill for your user. The promise is that all headings underneath another will be contextually relevant to the one above it. If not, you have left your user to search for meaning in your meaningless content hierarchy. The home page for Driscolls.com is not only missing a primary H1, but headings through the entire page are out of order and arbitrarily used towards aesthetic ends. The H6 "Juicy & Sweet" is not descriptive and does not precede any relevant content, making the header wholly unnecessary.
SUBSTITUTING OTHER ELEMENTS FOR HEADINGS
Another common variety of this issue is when a tag is used instead of a proper heading to mark the start of a section. Users accessing a site with assistive technology--like a screen reader--rely on heading tags as landmarks. Heading landmarks make page navigation through content easier, and they provide context for depth.
Furthermore, a section of text marked with a tag has no landmark and is no different from any other text within the section it sits. also does not notify a user that a section change has taken place. The solution here is easy, change those section breaks to an appropriate header level tag.
WHY ARE WE USING THE WRONG HEADERS?
Every site or application is different, and each of the variations listed above can have a more complex reality than the one presented. Accessibility issues are often traced back to problems within a design system; heading styles are presented out of hierarchical order to achieve aesthetic ends. Header styles should be specific and distinct within a system to minimize the allure of aesthetic misuse.
Often I see this issue arise when a section title has a smaller "subheading" used for aesthetic flair directly above or below the section heading. From a mechanical standpoint, the H4 in this scenario would belong to the section navigation direction before it, and not the section it is visually tied to.
Incorrect headers also manifest through content teams when strict style rules are not available. A writer may opt for a different header because they feel it more cleanly visualizes the hierarchy of information. This is still an issue with the design system, but after the system has been implemented and is in use.
LOW COLOR CONTRAST
Ever look at the footer of a website, and see that it features light blue text on a dark blue background? I know that's a very specific example from my personal mind bank, but regardless, it is an example of poor contrast. If you can feel your eyes squinting to read "normal" sized text on a page, chances are the contrast needs to be bumped up.
A more concrete example can be found on the Bliss Cosmetics site. At the time this article was written, The text within the footer is very low contrast, utilizing white text over a very light shade of blue.
Putting the background and foreground colors into Color.review indicates that the contrast between text and background is 1.7.
For text, the Web Content Accessibility Guidelines has two criteria, each with two levels of compliance. The general baseline for all text is 4.5 for AA (minimum compliance) and 7 for AAA (Enhanced Compliance).
The second criteria adds additional compliance for large text, which is classified as either 18pt (24px) or 14pt (18.6px) that is bold. AA (minimum compliance) for large text is 3 and AAA (enhanced compliance) is 4.5.
A third, more dubious criteria for text exists as it relates to logotype. WCAG 2.1 does not provide success criteria for text contrast when used in or as a logo. I recommend putting your customers before your brand here. Test the colors of your logos against background colors and hold the logo to the same standards as your content. It could be argued that the 'Bliss' Logo in the example above is difficult to read.
CHECKING FOR CONTRAST OF TEXT OVER AN IMAGE
If you are using a tool such as the AXE Browser Extension or the page audit tools in Chrome to test for contrast issues, you will notice reported contrast issues where the contrast cannot be determined. This happens when text is either floated on top of an image or when an image is used as an interface element.
Testing contrast for text over an image is difficult; in fact, I would flat out say it is impossible to eyeball. You can err on the side of dark, lowly-saturated images with low complexity covered with large print bold text if you are unsure. The best tool in my toolbox is the Brandwood.com - Text on background image a11y check guide. It allows you to overlay text on an image and get a percentage of compliance. You will also get an average color breakdown with individual pass/fail results that give you the information you need to adjust your image if necessary.
CHECKING FOR CONTRAST OF AN INTERFACE ELEMENT
Interface elements, such as icons or controls, have different rules when it comes to contrast. The minimum requirement for interface elements is 3, much lower than text, and only has AA compliance. Automated accessibility checkers have trouble detecting contrast for interface elements, generally because they do not have an intrinsic color value set through browser styles. The star rating icon on yelp.com is an example of an interface element. In this case, the stars have a contrast of 3.8 with the white background underneath. As a bonus example, the text contrast of the edit button is far too low at 2.8.
In these cases, you will need to manually compare the color of the interface element against the backgrounds it will sit on. This is another case where a tool like Color.review is excellent.
WHY ARE WE USING POORLY CONTRASTING COLORS?
You can read it, and it looks good to you, right? This is why we make this mistake. We do not check the raw contrast number against our instincts. You have to do this to know your color contrast is where it needs to be.
Color contrast is a difficult problem for those of us working with clients that have long-established brand identities. If you are not in full control of the colors, use something like WCAG and Color.review to illustrate to your client that the accessibility need of the content is more important than strict brand adherence for something like a footer.
IMPROPER IMAGE MARKUP
Missing ALT text for images has been an issue not just for accessibility, but for SEO for some time now. Many reading this article may be familiar with the concept, but here's a quick recap just in case.
The ALT attribute on the tag in HTML allows for a description of what the image is depicting to be embedded in the image. For Google, this can mean getting your images indexed properly in Google Images. For users with visual impairments, this allows the visual content of an image can be described to them.
DECORATIVE IMAGES VERSUS INSTRUCTIVE IMAGES
Let's take this a bit further. NOT EVERY IMAGE NEEDS ALT TEXT. "Madness!" you exclaim, but it is true; not every image is worth a description. From now on, when you look at an image on a page, ask yourself, "Would THIS page/list/article, etc. make the same amount of sense without this image?" If the answer is yes, then that image is likely decorative. Only images that supply contextually relevant information that cannot be extracted from the text need ALT text. For instance:
* Icons next to text in a menu? Decorative.
* Using an image that makes a purely visual comment or pun? Decorative.
* Image used as a background element? Decorative.
Marking images as decorative is simple. The ALT attribute needs to be on the but left blank. Most screen readers will skip over an image with a blank ALT attribute
IMPROPERLY LABELED FORM FIELDS
I am going to come out swinging on this one…
"Forms need to be ready to wear for users and not Haute Couture for a brand."
- Jeremiah Bratton, This Article
With that out of the way, we can talk about the issue at hand. All input fields on a form need to have a visible/discernible label. It is still common to see forms that are missing or hiding labels and attempting to replace them with placeholders.
THE LABEL VERSUS THE PLACEHOLDER
For clarification: a form label is a separate element that is set in close proximity--usually above, sometimes below, or to the side--of an input field. A placeholder is a lightly colored (usually too low contrast) string of text that sits within an input field and is removed when a user begins to type. The role of a form placeholder is to suggest desired information, not a persistent label. Directly, "First Name" is a label and "Steven" is a placeholder. This screen capture shows the contact form on esurance.com uses placeholders instead of separate label elements that remain visible. I have filled in all fields in the form with generic text. Are you able to tell what information belongs in each field? BONUS: The asterisk that marks a field as required is also in the placeholder. Looking at the example, can you tell which form fields are required?
LABELS AND SCREEN READERS
Form labels are important for screen readers because they are announced to users to help orient them as they move through a form. Labels can also be announced out of sequence. For example, if your user is moving up from the bottom of the form to correct a mistake, the label can be announced when the user enters a field BEFORE they would reach the label.
GENERAL BEST PRACTICES FOR FORM LABELS
Whether you are using a screen reader or not, visible, discernible labels provide a clear/concise marker for the information that is expected in a form field. As I stated before, placeholder text disappears when a field receives any input, essentially un-labeling it. Think of a distracted user halfway through an address field that no longer has a label. They may return to the form after a shift in focus, and now they have to regain their footing purely through context instead of direct information.
Or, consider an elderly user with a cognitive impairment (such as MCI) that may make fluid streams of thought challenging to maintain. That label is a firm, persistent reminder of the expectation, and is the difference between accessing your services or going somewhere else.
WHY ARE WE MISSING LABELS?
Labels have a reputation for being bulky, redundant, and hard to account for in design. In many cases, lead forms, newsletter signups, and even filter controls end up in small places. In the interest of maximizing real estate for a form, the humble label is the first one to get cut. But from the perspective of a developer, there is no functional reason a form label would ever be removed. Basically, inappropriately labeled forms are a problem created in planning/design and can be caught early before a single line of code is ever written.
LINKS: GENERIC, REDUNDANT, OR SEMANTICALLY INCORRECT
Links are an extremely large part of the web. With aplomb or abandon, as site maintainers, we sprinkle those things everywhere on our pages. However, links are also as easy to misuse as they are to add. Links need to be descriptive and purposeful and used correctly to steward users of all abilities through content and experiences.
GENERIC LINKS
Read More, Read This, Read, More, Go… From here on out, I want you to look at a blog archive or any section of a site that lists multiple excerpts for site destinations and notice how many times the same word or short phrase is used to convey the action a user could take.
The "Read More" button is a holdover from an early internet, a place where websites were not built with interface patterns in mind. Links needed to have eye-catching styles and hard directives on what they would do. To get people clicking, we had to show them there was more to the story and so we began to stuff our sites with links and buttons that say the same thing repeatedly. Looking at the rotor menu in VoiceOver, we see a list of non-descriptive links in use on the home page for Driscolls.com. Generic phrases such a "See Gallery" and "Image may contain: food" do not give context as to where the user will go when the link is clicked. BONUS: Do you notice the single character links in the list? On the page, those are tiny little links to Instagram posts. However, anyone using a screen reader wouldn't know that. The link is simply read aloud as "Link."
When link text is reused on links with different locations, it loses the original intent. Your users cannot be confident where they will land and may be inspired to take no action at all. Your links are no longer functional; they are just noise.
REDUNDANT LINKS
Another bad use of links, and one you likely will not find with automated testing, is redundant links. Typically redundant links are added in blog rolls or visual article navigations where an image accompanies a title and perhaps an excerpt of text. We desperately want users to get to our content, so we paint the widest target on areas of action. A general practice, one I have been quite guilty of before, is to link EVERYTHING. The title, the article thumbnail, the paragraph, and even still we will add a read more link.
The image below is a screenshot of The Washington Post's front page. In the rotor, we see a list of all the links on the page in the order they appear in the document. You can see that each article under the 'Stories from the Lily' section has two links. One for the title, and one for the image back to back. Similar to decorative images, these additional links are just noise for a user navigating your site with a screen reader. This screen capture from The Washington Post shows two links to the same content side by side. The rotor menu in VoiceOver shows the additional "noise" created by redundant links. There are better, more efficient ways to tackle this common issue. The easiest fix is to wrap the title and the image in a single link and then mark the image as decorative.
There are better, more efficient ways to tackle this common issue. The easiest fix is to wrap the title and the image in a single link and then mark the image as decorative.
SEMANTICALLY INCORRECT LINKS
In my experience, the link element has been used as a catch-all for user interaction. The explanation is simple; they have a built-in listener for clicking. A common semantic misuse of links that affect accessibility is when they are used in place of buttons.
A quick aside on the difference between buttons and links:
BUTTONS: Change the state of a page, or execute an action. They open menus or trigger form submissions.
LINKS: Change the user's location. Links navigate. When a user clicks a link, they are taken to another place.
If you look at the screen capture below, you can see that "Sections" is listed as a link (it does not describe its function either).
The distinction here is meaningful because the user is browsing page links. They are looking to GO somewhere. Clicking this "link" will not take them somewhere. It will instead open a menu. This changes the page state, not the user's location.
If you are wondering about the destination shown in the lower left-hand corner of the example screen capture, using the # symbol as the destination of a link simply scrolls the user back to the top of the page.
BONUS: USE SEMANTICALLY APPROPRIATE ELEMENTS FOR INTERACTIONS
While I was taking screen grabs of The Washington Post, I came across what I would call a bug on their 'Play Video' buttons that could be instructive for proper semantic use of buttons and links.
Each "button" in the video section is a generic
element that is listening for a user click. A
does not function as a button or a link. This means that all of the "Play Video" buttons are masquerading as buttons but only to a visual user. A screen reader would not list the video buttons when it aggregates links or buttons on a page. Access to these buttons through the keyboard is also not possible.
To be accessible, the interface would require some refactoring. Still, the general solution is to have buttons (because buttons change state, not location) that when clicked swap out the video in the player above the options.
WHY DO WE HAVE BAD LINKS?
Improperly used links fill our sites because we are not mindful of their use. It is not easy for me to point to a place in the process and say, "catch bad links here." Everyone in the process--from copywriters to developers, to designers--can misuse this particular tool. When you place a link within an interface or content, reflect on how descriptive it is. Does your link relocate the user? Have you used the same text more than once for a different destination?
YOU ARE NOW QUICK-STARTED
The issues I have discussed in this article are easy, high-level concerns for accessible applications and websites. The Web Content Accessibility Guidelines alone have 78 criteria to fulfill to reach compliance. Small steps they may be, these are easily implemented fixes that will remove obstacles for the many types of users that come to your business for services or aid. Additionally, with enough exposure, you will see these issues everywhere, and this makes you a positive agent for well-constructed experiences that not only consider a business's aesthetic ambitions but, more importantly, the people that utilize them.
The post Accessible Web Content: The Quick Start Guide appeared first on Portent.
_Updated on November 21, 2019, to include new examples around measuring share of voice and other insights._
Let's face it. Rankings are not a great SEO metric anymore for a myriad of reasons. To name a few:
* Results are too localized and flavored by previous searches
* Google is constantly messing with fine-tuning their algorithm
* Ranking may get you traffic, but it doesn't guarantee you sales
These are widely accepted facts in the search industry, but to paraphrase one of our clients:
"Perception is the reality for a lot of business owners who wonder why the shop across the road shows up #1 for 'widgets,' and they don't."
Even so, search experts know better. Chasing keyword rankings for vanity's sake is a fool's errand, especially when there's profitable traffic to be had elsewhere.
But there are still great uses for ranking data beyond just chasing a single glory phrase. In this post, I'll walk you through four of them and the reports we're using at Portent to address SEO progress through ranking.
1. THE RANKING MAP
The age of personalized search has made local ranking factors way more prevalent. Your storefront's proximity to the person searching, the accuracy of your store listings in the search engines, your content's relevance for a given city or neighborhood name, and ratings in the marketplace are a big deal now.
So instead of using ranking data for individual keywords, many ranking tools will allow you to see rank for target keywords in a given location. When you aggregate those numbers across a handful of important keywords for your business, you get a ranking map like this one:
2. THE KEYWORD FUNNEL
Another valuable way to use ranking data is by grouping your keywords based on the part of the customer journey a person is in when they search for it.
It's the traditional Awareness > Consideration > Conversion marketing funnel we're all used to, but for search.
Here's an example of how you would assign keywords to each part of the funnel:
Awareness - "widgets"
Consideration - "acme widgets vs. other widgets"
Conversion - "where to buy acme widgets"
You'd repeat this process for all of the keywords you're targeting and then take your average rank and the total search volume available in each part of the funnel.
This helps you understand what type of content you need most in each keyword theme: Educational content for people just getting to know your brand, comparative content to help them understand the nuances of various products in the marketplace and why they should buy it from you, or promotional content to share your latest deal when your prospect is ready to buy.
3. KEYWORDS BY LANDING PAGE
Since web analytics platforms no longer get granular keyword data from search engines, it's important to understand which page is obtaining the ranking for a given keyword and whether or not that's the most appropriate page for somebody searching to land on.
Then you can cross-reference that page's performance (I recommend using the Landing Pages report in Google Analytics for this) for the conversions you care most about and see if perhaps you're not attracting the right audience to that content.
4. SHARE OF VOICE BY KEYWORD GROUP
Individual keyword rankings don't always paint the clearest picture of how well you're ingrained in the minds of customers in the marketplace. It also doesn't show you how much ground you're covering compared to key competitors in your industry.
STAT, our rank tracking tool of choice, has its own formula for calculating Share of Voice (SOV) based on typical click-thru rate (CTR) in a given ranking multiplied by the Search Volume available for a keyword or group of keywords.
Measuring the change in SOV over time is a fantastic way to see how broader content and link building efforts are helping you gain ground in the SERPs for phrases you really care about.
TO RECAP
Remember, don't fall into the trap of gunning for individual rankings. But there are so many creative ways we can repurpose this data to help us make better decisions as search marketers, that it'd be a shame not to integrate some in your daily workflow.
The post How to Use Keyword Ranking Data: A Four-Step Guide appeared first on Portent.
A search engine results page (SERP) analysis is exactly what it sounds like. Open a browser, search for a keyword, and then look at the results with human eyeballs. There is no SEO tool out there that can perform this analysis as well as you can. As Gianluca Fiorelli (@gfiorelli1) so elegantly tweeted, "Do your job."
SERP analysis for SEO is the only way that makes sense to make recommendations for new content on your website. If we want to create content that is going to be useful for people and will rank well in search results, we need to know what type of content is already ranking on page one and then figure out what it will take to gain that level of visibility.
There are definitely some good tools out there that will help you evaluate content. But remember that search engines, especially Google, are designed for people to use. The best way that I've found to go about a SERP analysis is to look at the search results for your target keywords and:
* Make a note of the different types of SERP features on the page.
* Determine the searcher's intent for the keyword, as decided by Google.
* Click through, read the content that's ranking, and evaluate the format it's in.
Only then can you make the call as to whether there is an opportunity for you to update your content in an effort to rank for the same search query.
So, let's take a look at how I typically run through a SERP analysis for my clients, starting with the results pages themselves.
SERP FEATURES
SERP features are generally considered to be everything on a results page that is not one of the ten blue links. But, even those organic results have features of their own like the number of results per page, title length, etc.
Google is always adding new SERP features and testing searcher responses. They are continually trying to figure out, just like we are, if the new features are useful to people and whether or not they are going to get clicks.
STAT Search Analytics keeps an updated list of all the different SERP feature types that they come across in their knowledge base. Rank Ranger also has a great visual guide to Google SERP features. Some of the most common SERP features are:
* Places: map with a three-pack of locations
* Knowledge Graph: information on defined entities
* Answers: featured snippets in paragraph, list, or table form
* People Also Ask: related questions to the original query
* News: articles from known news sources
* Images: a row, block, or carousel of related images
DETERMINING SEARCHER INTENT
SERP features play a huge role in determining searcher intent. By looking at what Google is showing in the search results, we can make a pretty good guess as to what content they have found to be useful for that search query and the millions of other related searches.
So, what are the different kinds of searcher intent? It depends on how detailed you want to be: There are three broad, established types of searcher intent that you may have heard of already:
* NAVIGATIONAL - when you already know what you want to find out and you need a little help getting there (branded search queries).
* INFORMATIONAL - when you're trying to find an answer or some additional information about a topic (long-tail, voice queries with direct answers, or featured snippets).
* TRANSACTIONAL - when you know what you want to buy and are looking to make a purchase (product names, specific product types, or searches that use "buy" words).
Back in 2015, when mobile searches first started outnumbering searches made from desktop, Google published Four Moments Every Marketer Should Know. They call them "micro-moments," and they focus on the searcher intent of smartphone users, categorizing searches into four different "moments":
* I-want-to-know moments
* I-want-to-go moments
* I-want-to-do moments
* I-want-to-buy moments
Then, if you want to be even more specific, Kane Jamison and the team at Content Harmony took a more modern approach and dove deep with their recent work on classifying searcher intent. They have allowed for overlapping intents and added a few new types of classifications including:
* Local intent
* Visual intent
* Video intent
* Fresh/News intent
* Branded intent
* Split intent
All of these different searcher intents have a lot to do with the types of SERP features that show up and what kind of content will perform well enough to rank on the first page.
FOCUS ON THE CONTENT
Now that we have an idea of what people are searching for and why they're searching for it, we have to find out what kind of content is ranking and what that content is focused on.
Companies like SEMrush and Ahrefs have their own versions of competitive analysis tools that can give you useful things like word count and keyword usage but, nothing can beat your highly trained human brain! So, click through the search results, look at the content, how it's formatted, and then READ IT.
Always start with the top-ranking page, there's obviously something about it that Google deems to be useful and authoritative. But, you should also take the time to look at and read through everything else that made the first page of the SERPs. These are your competitors, and if you want to outrank them, you're going to have to match or exceed their content in both quality and usefulness.
Is the number one ranked content an exhaustive 101 guide or a glossary definition page? Are there comparison tables? Videos and transcripts? How-tos or FAQs? Take notes and be sure to include the types of content that rank best when you create yours.
In addition to format and content type, remember that Google uses the idea of E-A-T (Expertise, Authoritativeness, and Trustworthiness) in their Quality Raters' Guidelines. But please keep in mind that E-A-T is not a ranking factor, it is merely a part of the aspirational guidelines for quality content on the web. If you talk about your "E-A-T score" or call E-A-T a ranking factor, Ian Lurie will find you and kick you in the shins.
RANKING OPPORTUNITY
Now, the question you have to ask yourself is, "can I compete with what's already ranking" for your target keywords. If the current ranking pages are from Wikipedia and other 90+ Domain Authority websites, you might have to build up your own topical authority with a content hub strategy and target longer tailed, less competitive keywords first. But, if after reading through what's ranking on page one and you feel like you have the expertise and resources to provide something better, then this is your chance.
OPTIMIZE EXISTING CONTENT
Take inventory of your content to see if there is any existing work that you can refresh or combine, and then optimize it based on your keyword and competition research. Here are some ways you can quickly update your existing content:
* Tweak the format to fit the searcher intent of your target keywords.
* Find other related pages that you control and add some internal links to your target page using smart anchor text.
CREATE NEW CONTENT
If there isn't anything on the existing website that can crack into the top ten, it's time to create something that can. Pull together the notes you took on what's ranking for your target keyword, bring your list of content features and formatting. Then, do the research! Google wants to rank content that is useful, authoritative, and trustworthy, and that's not something that is easily faked or half-assed.
IN CONCLUSION
Connecting your analysis of the SERPs and your website's content is not a one-and-done task. The searcher intent behind a query and the SERP features displayed in search results _WILL _change over time. So, keep an eye on your rankings (and those of your competitors) and revisit your content from time-to-time, updating whenever necessary.
Most importantly, write for the user! If you are creating something just for the sake of SEO, it will never be as successful as content that is designed to answer a question or solve a problem.
The post How to Analyze SERPs for SEO & Content Creation appeared first on Portent.
_Updated on November 14, 2019, to include new examples and insights._
If you haven't started blogging, get together with your team, and determine whether you should start. As Travis McKnight points out in his article, Studies Suggest Your Business Needs a Blog, businesses with _quality _blogs have better digital marketing results than their counterparts who don't.
However, just because you have a blog, doesn't mean you'll see the kind of results that Travis is talking about.
Does any of the following sound like you?
* You consistently publish content but haven't made any changes to your blog's structure in the last few years
* The only known reason that you have a blog is that "we _should _have one, I mean our competitors do…"
* You've checked the analytics on your blog, and your bounce rate is high and your time on site and pages per session are low
* You don't have an editorial calendar for your blog; you get to it when you can
* There isn't a sole person who is responsible for your blog content, and you haven't taught the people involved how to do keyword research before ideating
If you answered "yes" to any of these, I've got a painful truth to share:
Your blog might be ineffective. And it might be time to consider whether a content hub is a better fit instead.
WHAT IS A CONTENT HUB?
A content hub is a set of interlinked, related content that all link back to a central hub page. For example, if you're a bicycle shop that sells bicycle helmets, you could create a bicycle helmet content hub, as seen below:
In this example, the bicycle helmets page serves as the center of the hub, and the other pages all link back to it.
WHY ARE CONTENT HUBS EFFECTIVE?
If you want to improve topical visibility and are experiencing difficulty with rankings and optimization, creating a content hub can help. Caleb Cosper explains why, in his article, Content Hub Strategy for SEO, "Content hubs work by driving link authority and topical relevance from the spoke pages into the hub page. By concentrating internal linking onto one page, you improve that page's ability to rank."
In our example above, we could turn an already existing landing page for bicycle helmets into a hub by linking to it from all the videos, infographics, product landing pages, blog posts (if you end up deciding that a blog is right for you!).
Additionally, content hubs are an excellent way to surface content that might otherwise be buried in your site. If bicycle helmets are one of the main items that you sell, you may even consider placing a link to the hub in the navigation of your website. Doing so will send signals to Google that you're an authority on the topic because you'll have a link to "bicycle helmets" on every single page of your site.
Search engines look at link text, the number of links, and the position of links on the page. Then, they'll crawl your site and say, "This helmets page is really important." If your site has this navigation, and your competitors still have plain old "products" and "services" up top, guess who wins? You!
When it comes to determining if something is descriptive enough, we like to use the blank sheet of paper test: if you wrote the item down on a piece of paper and showed it to someone on the street, would they immediately understand what it means?
TYPES OF CONTENT HUBS
There are two main types of content hubs:
A NAVIGATIONAL HUB uses the universal site navigation to link to the hub page from every single page on the site. You'll want to use these hubs when:
* You've got a super-competitive term; and/or
* Clearer navigation might be a competitive differentiator; and/or
* Your product or service is easily confused with a different product or service. For example, "bikes" can mean bicycles or motorcycles. Changing the top nav will clarify things; and/or
* You have a relatively small number of products or services. You never want more than six options in the primary top nav
A TRUE HUB consists of relevant pages of content that link back to the main hub page. Under the umbrella of true hubs, there are two other types: in-context and mini-hubs.
You can create IN-CONTEXT HUBS by linking inline. Add a few links here and there and poof, you have an in-context hub. No heavy content lift necessary. Content hubs don't have to be complicated or time-intensive!
You can create mini-hubs by linking a set of pages using a menu, but not by changing the navigation. Our site speed guide is a sort of mini-hub:
I say "sort of" because, in this document, every page links to every other page. That means there's no one hub page. Instead, every page is a hub page.
That's OK. Not all hubs can be perfect. What we really did is create a bunch of little hubs. If we'd built these pages all linking back to a single central page speed page, that would've created a true mini-hub.
IF YOU WANT TO LEARN MORE ABOUT THE DIFFERENT TYPES OF CONTENT HUBS, YOU SHOULD REALLY CHECK OUT CALEB'S POST THAT I LINKED TO ABOVE!
SO, WHEN SHOULD YOU CONSIDER CREATING CONTENT HUBS?
To decide whether you should begin building content hubs, you should start by determining _why _you think your blog isn't performing.
For example, let's say you decide that a blog is the best place to house your content, but you don't have the resources to keep up with publishing. Depending on the type of content hub you create, you may cease efforts on your blog, only to find yourself unable to create and maintain your content hubs.
If a lack of time and resources are your main roadblock to creating content, we recommend starting with as simple a hub as possible.
If you have the time and resources to create content, but people aren't engaging with your blog posts or navigating to your blog at all, you should consider creating more in-depth content hubs. Note: Just because you're finding a new way to house a large amount of content, that doesn't mean it should be a complicated experience for your users.
Content hubs should focus on the customers' needs and interests by answering their questions in a way that is easy to find (via interlinking), visually appealing, and informative. Additionally, hubs are modular, allowing you to plug various components into the layout for a cleaner aesthetic and better usability, giving the users a clear pathway through your content.
One example of a company which has opted for a content hub over a traditional blog is Home Depot. With their DIY Projects and Ideas hub, any DIY fan can use this resource to find topics and tips from the pros to make their renovation shine.
Instead of scrolling through pages of blog posts, a person can easily click on the category of project they're trying to complete, and quickly get access to videos, step-by-step instructions, related guides, links to products needed to complete the project, and links to their social media sites. https://www.homedepot.com/c/diy_projects_and_ideas
For example, a quick click on "Bathroom Ideas and Projects" takes a user to a page with links to subcategories, project and inspiration guides, and more. https://www.homedepot.com/c/alp/bathroom-ideas-and-projects/tpwzzh6sioj
Their hub is easy to navigate, allowing people to stay on the site and get the information that they need. Their efforts are also paying off from an SEO perspective: this page ranks for a handful of keywords including, "DIY projects for home" and "DIY projects and ideas."
Imagine if Home Depot had decided to go with a traditional blog and users had to scroll through pages of content to find what they wanted--it definitely wouldn't work as well, and their content wouldn't be as hyper-targeted for the DIY crowd.
IN OTHER WORDS
A content hub is about creating the best possible user-experience, specific to your audience. Always begin with keyword and competitive research to determine what content, in which format is going to be the most valuable to your users. And remember, if your metrics indicate that your blog isn't providing your users with the information and experience that they're looking for, then it might be time to consider a content hub.
The post Upgrade Your Blog to a Content Hub for Better UX appeared first on Portent.
When it comes to digital marketing, too many people consider "search" to be one big bucket. Search engine optimization (SEO) and pay-per-click (PPC) marketing both have to do with search engine results pages (SERPs), so they can be grouped together and treated the same. Right? Seems rational.
But, here's the thing: that assumption is a huge mistake.
Both SEO and PPC impact search results users see, but they are two very different strategies and should be treated differently as such. I want to take a few minutes to discuss the differences between these two tactics, how they affect each other, and how they can work together effectively. And, since we're talking about search specifically, we will focus only on paid search ads when referring to PPC to draw more succinct comparisons.
THE MAIN DIFFERENCES BETWEEN SEO AND PPC
Besides the basic definitions of each of these tactics - SEO impacting organic listings on a SERP and PPC generating paid listings - there are four key differences as to why these two need to be treated separately.
1. IMPACT ON THE MARKETING FUNNEL
SEO takes into account the entire marketing funnel. If your site has quality content which serves as a good introduction to new users at the top of the funnel, you address these pages to get them to rank more often for relevant search queries. Likewise, you also address hub pages and/or category pages that impact mid-funnel users, and pages which are designed to get low-funnel users to convert.
On the other hand, PPC is primarily concerned with low-funnel users who are more ready to convert and generate value. If you're going to spend money on getting users to click through to your site, you don't want to waste that investment on search queries or users that are less likely to buy from you. Ensuring PPC is done profitably means taking advantage of the bottom of the funnel.
2. LANDING PAGE ENVIRONMENTS
SEO strategies typically encapsulate (nearly) an entire website. Tactics can impact a website's architecture and influence content on hundreds or thousands of pages. Each page, its components, and its relationship with other pages have the potential to impact organic search visibility and rankings. Therefore, they are factors that an SEO strategist needs to take into consideration. The screenshot below shows Portent's organic landing page for PPC Management Services.
PPC strategies, on the other hand, focus on more confined landing page environments and typically utilize less on-site content. If the goal of a paid search strategist is to get users to click through an ad and convert, it makes sense to narrow a user's path to generating a conversion by removing distractions, obstacles, and opportunities to navigate away from the conversion funnel. In contrast to the organic landing page shown above, the image below shows a custom landing page created for a PPC campaign promoting our Technical SEO Ebook. It includes specific content, fewer distractions, and a clear CTA to download the PDF.
3. THE IMPORTANCE OF LINKS
To an extent, organic rankings and impressions depend on the strength of a website's backlink profile. The number of domains linking to a particular page and the authority of these domains have a huge impact on SEO.
Links and backlink profiles have no impact on PPC. Advertisers can control which landing page URL is used for any given ad regardless of how "strong" it is organically. In fact, a common tactic for many PPC accounts is to use landing pages hosted on a sub-domain or a separate part of the main website, which is not indexed and not crawled by search engines. That way, these pages can be lighter on content to narrow the user's focus and not compete with other pages on the main domain, which have more robust information.
4. APPEARANCE ON THE SERP
SEO strategists can execute tactical changes like adjusting title tags to influence what's shown on an organic listing. However, there's some degree to which an SEO strategist can't control exactly what's displayed on a SERP (e.g., sitelinks).
While Google or Bing may test different SERP layouts and how much of a text ad is displayed (e.g., one or both description lines), a PPC strategist has more direct control over what exactly is shown on a SERP when an ad generates an impression. Even when it comes to additional extensions which show alongside a text ad, advertisers dictate what content is used or eligible to be shown.
HOW SEO AND PPC AFFECT EACH OTHER
Now that you understand some of the main ways SEO and PPC differ from one another, let's discuss how they can have an impact on each other. After all, since both areas affect search results, there is bound to be a natural effect between the two.
Regarding one's business strategy, a user is more likely to click through to your site if there are multiple opportunities to do so on a SERP. This is a logical result of taking up more space on a SERP with more than one listing. When both an organic and a paid listing show up in response to one user's search query, your business has greater potential to benefit from that action. So, from a business sense, this is a good thing. However, traffic and conversion metrics may be impacted differently when looking at either SEO or PPC results in a vacuum.
Over the past year, Google has made paid listings more prominent at the top of SERPs across all device types. This has resulted in greater paid search impression volume and click volume (as well as increased revenue for Google). And because organic listings have been pushed down lower on SERPs, traffic volume from organic search has diminished in some cases.
By focusing on these trends independently from one another, you might conclude that "SEO is doing poorly" when, in fact, it might be just fine. This isn't to say this search marketing trend is good or bad; it is simply important you understand this trend may cause PPC and SEO metrics to affect one another.
Furthermore, an SEO strategist also looks for opportunities to improve on-site usage metrics like site speed, average time on page, and bounce rate. Improving these metrics is known to improve organic search rankings, but it also benefits paid search campaigns as well. Google takes these things into account when assigning quality scores (e.g., landing page experience), which can, in turn, improve impression and click volume at static cost levels. This goes to show that SEO tactics can have an impact on PPC performance as well.
HOW SEO AND PPC CAN WORK EFFECTIVELY TOGETHER
You understand how SEO and PPC are different from one another and what effects they can have on each other. Now, here comes the most important question you can ask: HOW CAN THEY WORK TOGETHER IN ONE COHERENT DIGITAL MARKETING STRATEGY?
Any website will typically have a set of category or hub pages. These are used to organize pages and content in a logical and user-friendly manner. Some of these pages will likely perform better or be more visible than others in organic search listings. Identifying which of these category pages perform well can inform your PPC strategy as to what search campaigns you should include in your paid search strategy.
Furthermore, the organic strength and on-site success of pages within any given hub or category can also be used to build retargeting audiences that PPC advertisers can use within their search campaigns. You can bid higher on only those users who are still searching for relevant terms in hopes you'll generate an ad impression at the top of the SERP, get them to click through, and convert.
The organic strength for certain search terms might also influence which paid search campaigns get more budget. For example, if an expensive and competitive campaign is struggling to produce results in your PPC account but SEO traffic from these terms is strong, a PPC strategist could divert dollars to other campaigns, which might provide better conversion metrics. In the end, SEO and PPC strategies work together to produce more potential overall conversions to the business as a whole.
Lastly, paid search accounts have access to search query reports which can inform your SEO keyword strategy. These PPC reports show what users are actually searching for and how strong click-through rates are for these particular terms. This can help drive your entire on-site content strategy, allowing you to create or update pages that speak to the most relevant and prominent search query trends.
WHAT YOU CAN DO NEXT
Are you still treating SEO and PPC as if they're the same thing? Just because "they're both search" doesn't mean they work toward the same ends. Look at your key performance indicators for each of these areas and measure them based on what each should be achieving. Make sure you have a sound strategy for each that is both tailored toward its corresponding purpose and compatible with the other.
The post SEO and PPC Differ, But They Should Work Together appeared first on Portent.
Several years ago, the Portent SEO team developed a very useful Chrome Extension called the SEO Page Review. It was created by a very technically-minded SEO specialist and now Portent alum, Ken Colborn. Because it has been almost five years since its conception, I felt it was time for a refresh.
WHAT IS PORTENT'S SEO PAGE REVIEW?
Portent's SEO Page Review is a _free_ Google Chrome extension available in the chrome web store. The lightweight extension reviews a website page for a number of on-page SEO factors and provides at-a-glance details and warnings around best practices for optimization.
WHAT DOES IT ANALYZE?
Our extension analyzes the source HTML of the page and provides details on the following SEO elements:
* Meta title, description, and keywords
* Meta robots tag
* Canonical tag
* Images on page, including a warning for images without ALT text
* Headings, with a warning if there is no H1 defined
* Facebook OpenGraph tags
* Twitter tags
* HREFLANG
* On-page links
* All other meta tags defined
* HTTP Headers
Facebook OpenGraph tagsTwitter tagsOn-page linksOther meta tags and HTTP header information
WHAT'S NEW WITH THE REFRESH?
The refresh is relatively minor but addresses branding updates with our new logo, icon, fonts, and colors. Code cleanup and minor refactoring improve the already lightweight performance. We also added HTTP Headers analysis, as seen in the screenshot above.
FUTURE UPDATES
We're currently brainstorming new features and improved warnings and recommendations, but here are some more substantial items on our road map:
ON LOAD ANALYSIS AND ISSUE NOTIFICATION. Currently, the extension only executes its analysis when prompted, by clicking on the icon. We plan on implementing on-load functionality so users can be notified of potential issues before interacting.
ACCESSIBILITY ANALYSIS. Accessibility concerns and the need for best practices continue to be pushed to the forefront of web applications. Portent plans on implementing on-page analysis of accessibility issues.
In addition to these, will continue to make ongoing improvements to the SEO Page Review extension for all you marketers out there. Cheers!
The post Portent's SEO Page Review Chrome Extension Gets a Refresh appeared first on Portent.
_A guide to blending data sources in Google Data Studio and tips I've learned along the way to resolve common issues._
As a Google Data Studio (GDS) user, you've most likely already delved into the data blending feature. You've surely relished in its powerful capabilities to combine and calculate metrics across data sources with a simple Join Key--and therefore, you've undoubtedly encountered its caveats and downfalls, as a product that's still ever-changing.
In this blog post, we'll introduce you to exactly how data blending works in Google Data Studio, note the considerations that limit our blending abilities, and share some tactics we've successfully implemented to resolve data blending issues.
INTRODUCTION TO DATA BLENDING IN GOOGLE DATA STUDIO
Data blending is a feature that was released in Google Data Studio in 2018 that allows you to combine metrics from multiple sources. It can be used to create any type of visualization offered in Google Data Studio for a complete view of performance across different sources.
You're able to blend data sources to combine metrics, like revenue and transactions, across multiple properties by dimensions like campaigns, keywords, and device types.
GDS also recently came out with the ability to very easily create a Data Blend in a report by simply clicking multiple scorecards or tables at once, right-clicking, and selecting 'Blend Data.' This method creates the Data Blend for you with the selected metrics and sets the first data source you selected as your left-most source.
WHY USE DATA BLENDING IN GOOGLE DATA STUDIO?
For me, this is undeniably the most useful feature of Google Data Studio. Most often than not, I've run into clients who have multiple Google Analytics properties or Google Ads accounts, are running Paid Social ads in multiple social platforms, or offer their service or product within a website and across applications. Clients and analysts should be looking at combined performance metrics for efforts that have the same goals or budgets, regardless of how the data collection is disjointed.
Blending data in Google Data Studio allows you to combine metrics that are reported on in different platforms that should be viewed as a total (ex. app conversions in Firebase and website conversions in Google Analytics). You're able to provide performance for an overall budget that's spread across more than one source or medium (ex. Facebook Ads and LinkedIn Ads). Ultimately, data blending allows for holistic reporting on performance.
Before data blending in Google Data Studio, we were forced to blend these metrics through other applications first before connecting it to Google Data Studio. Often, these third-party applications also cost extra to connect and blend the data for you. Worst of all--analysts had to take extra steps to view combined metrics across accounts, properties, and platforms to make optimization decisions.
WHEN TO USE DATA BLENDING IN GOOGLE DATA STUDIO
Data blending should be used in any situation when you need to view combined data for analysis or reporting purposes. I've shared some example use cases for data blending in Google Data Studio below, just in case this sounds overly general or possibly doesn't seem like it will ever apply to you--which it will.
* You're running Google Ads across multiple accounts with the same overall budget.
* You're running Bing Ads and Google Ads and need to report on combined Paid Search performance.
* You need to report on Bing Ads Ads cost metrics by campaign but report on goal completions out of Google Analytics.
* You want to report on Paid Social campaign metrics and goal completions out of Google Analytics.
* You're running Paid Social ads across multiple platforms from the same Paid Social budget.
* You manage multiple subdomains or sister sites for the same account.
WHAT CAN YOU BLEND IN GOOGLE DATA STUDIO?
_Conceptually_, you're able to blend just about anything in Google Data Studio as long as the data source is in an available GDS connector, and there's at least one dimension in common (i.e., a Join Key) among your data sources. Your data can live in a Google Sheet, SQL database, or even be a simple file upload to connect to GDS, and custom fields can be added to create matching Join Keys.
Unfortunately, it's not as possible as we'd imagine to blend _any _data with data blending in Google Data Studio with these liberties. There are limitations outside of the two main requirements (data source available in Google Data Studio and Join Key) to return accurate metrics in your reports.
CAVEATS OF DATA BLENDING
There are two fairly significant caveats to keep in mind when planning your blended GDS reports.
THE LEFT OUTER JOIN
As mentioned, there must be at least one dimension in common between your data sources--it can even be something as simple as the date, but the date will then be the only dimension you can use to combine metrics accurately.
To correctly calculate metrics across something like the campaign, the campaign must be the Join Key. However, Google Data Studio's data blending feature only allows for blending through a Left Outer Join operation. This means the resulting values will only include metrics and rows that appear in the left-most data source in the blend.
In the example below, we have two sample data sources set up as two separate Google Ads accounts with the date set as the Join Key, pulling in campaigns as dimensions and impressions as the metric.
By the Left Outer Join operation, only the campaigns and impressions highlighted in green in the table below will be included in any blended calculations by campaign in Google Data Studio.
However, this setup will work (with the campaign dimensions removed) to calculate combined impressions in a scorecard format.
LIMIT OF FIVE DATA SOURCES
I know five data sources sound like plenty, but there are many situations when you need more than that to blend together. I've run into it quite a few times, and the only solutions have been to either forgo some metrics or to combine data sources into one through Google Sheets or by importing data from one platform to the other.
Some examples where I've run into problems because of this limitation:
* Combining Bing Ads Cost data (Data Source 1) with Google Analytics conversions (Data Source 2) across more than two accounts or properties.
* Combining Google Analytics metrics across more than five different properties.
* Combining Assisted Conversions data with Google Analytics last-click conversions across more than two accounts or properties.
COMMON DATA BLENDING ISSUES AND HOW TO RESOLVE THEM
Often, the issues I run into in Google Data Studio are easily resolved with a simple workaround. It seems GDS is still ironing out logistical kinks for functionalities that should work seamlessly on their own. The following solutions and hacks have sufficed in resolving my blending issues so far.
DATA RETURNING "NULL" VALUES
GDS will return "null" (-) values when any row of a dimension has no value associated with it. In the example below, Leads returns null values and is missing conversions from the second data source in the data blend due to the Left Outer Join operation.
The 'Leads' column is missing a conversion because the First Interaction Assisted Conversion (which is from the second data source) occurred for a keyword that did not return any values under the first data source. This results in inaccurate reporting! You can see that the total number of Leads under the 'Leads' column does not add up to what GDS is reporting as the 'Grand total.'
This issue can be resolved by creating custom metrics in the table that tells GDS to either return the max metric for that field or return a 0 (instead of null). Use the formula below to create this metric:
NARY_MAX([FIELD],0)
Replace [FIELD] with the metric and use the SUM([FIELD]) calculation if you need an aggregated metric. This is the formula used in the above example:
NARY_MAX(SUM(Goal Completions),0)+NARY_MAX(SUM(First Interaction Assisted Conversions),0))
Returning 0s instead of nulls allows GDS to combine the metrics and return a value, even if there are no values for one of your combined metrics. It's a silly workaround, but it's what makes sense with GDS's current configuration.
Another solution I've seen for this is creating a custom metric using a CASE WHEN formula, telling GDS to either return 0 when the value returns null or to return the field:
CASE WHEN [FIELD] IS NULL THEN 0 ELSE [FIELD] END
DATA RETURNING INCORRECTLY CALCULATED METRICS
I HIGHLY RECOMMEND ALWAYS VIEWING YOUR COMBINED METRICS BY THE JOIN KEY IN A TABLE FORMAT BEFORE PUTTING IT INTO A SCORECARD. Viewing it in a table allows you to check that the correct metrics are being pulled in from each source before combining them.
When you've noticed that your report is calculating metrics incorrectly, comb through the following checkpoints:
* MAKE SURE THE NAMING IS THE SAME FOR YOUR JOIN KEYS. I've tried using Device Category as a Join Key between Bing Ads and Google Analytics before realizing that the naming conventions are different. Bing Ads uses _Computer_, _Tablet_, and _Smartphone _instead of _Desktop_, _Tablet_, and _Mobile_, which are used in Google Analytics. Use a CASE WHEN formula to return the same dimension names in one data source to match the other. For example, you can create this custom field in your Google Ads data source:
* MAKE SURE THE FORMATTING IS THE SAME FOR YOUR JOIN KEYS. This is specific to dimensions like Date. Although the Date dimension may be called the same and look the same in their platforms, they may be formatted differently in GDS. Pull your data into a table with the date set as the dimension and check the formatting of your dates. You may find that one is YYYYMMDD, while the other is MMDDYYYY. If reporting on a monthly basis, you should attempt changing the 'Show As' under each date in every data source to 'Year Month.'
DATA WON'T BLEND WITH A LEFT OUTER JOIN
There will be situations when you simply won't be able to blend the data because the necessary dimension values are not available in one data source. When this is the case, I've found there are really only one of two options:
* TRY MOVING AROUND THE ORDER OF YOUR DATA SOURCES. Remember, it's a Left Outer Join, so whichever data source houses all values of the dimension that's used as the Join Key should be in the left-most position. Sometimes, you may not know beforehand which it is so try moving the order around to see which configuration results in the correctly calculated metrics.
* IMPORT THE DATA INTO ONE OF THE DATA SOURCES. This method has been most useful for me when attempting to combine Bing Ads cost data from the Bing Ads platform with Google Analytics data. Supermetrics offers an Uploader that allows you to automatically import cost data from Bing Ads, Facebook Ads, Yahoo Gemini, or a file into Google Analytics. You set it up once, and it continues to upload cost data from the chosen account and even backfills it. You can also do this manually within Google Analytics by navigating to Admin > Property > Data Import
* COMBINE THE SOURCES INTO A GOOGLE SHEET FIRST. If possible, use an add-on that connects to your data sources in Google Sheets and combine the data there before connecting the Google Sheet to your GDS report. This is not an ideal solution, but it's a good last resort, especially if you're using the Supermetrics or Google Analytics add-ons in Google Sheets. These add-ons allow you to set the data to refresh automatically so your GDS reports can still be up-to-date (although not as updated as it would be when directly connected to a source).
THAT'S A WRAP!
Hopefully, some of these tips and tricks will come in handy when you need to blend your own data sources in your GDS reports. And remember, GDS is _always _updating--meaning, new issues will likely arise, but some existing issues will be resolved, potentially negating the need for some of these workarounds.
The post Troubleshooting Data Blending in Google Data Studio appeared first on Portent.