Monday, 30 April 2018

Animating Progress

Faster, Fresher, Better: Announcing Link Explorer, Moz's New Link Building Tool

Posted by SarahBird

More link data. Fresher link data. Faster link data.

Today, I’m delighted to share that after eons of hard work, blood, sweat, tears, and love, Moz is taking a major step forward on our commitment to provide the best SEO tools money can buy.

We’ve rebuilt our link technology from the ground up and the data is now broadly available throughout Moz tools. It’s bigger, fresher, and much, much faster than our legacy link tech. And we’re just getting started! The best way to quickly understand the potential power of our revolutionary new link tech is to play with the beta of our Link Explorer.

Introducing Link Explorer, the newest addition to the Moz toolset!

We’ve heard your frustrations with Open Site Explorer and we know that you want more from Moz and your link building tools. OSE has done more than put in its time. Groundbreaking when it launched in 2008, it’s worked long and hard to bring link data to the masses. It deserves the honor of a graceful retirement.

OSE represents our past; the new Link Explorer is our fast, innovative, ambitious future.

Here are some of my favorite things about the Link Explorer beta:

  • It’s 20x larger and 30x fresher than OSE (RIP)
  • Despite its huge index size, the app is lightning fast! I can’t stand waiting so this might be my number-one fav improvement.
  • We’re introducing Link Tracking Lists to make managing your link building efforts a breeze. Sometimes the simple things make the biggest difference, like when they started making vans with doors on each side. You’ll never go back.
  • Link Explorer includes historic data, a painful gap in OSE. Studying your gained/lost linking domains is fast and easy.
  • The new UX surfaces competitive insights much more quickly
  • Increases the size and freshness of the index improved the quality of Domain Authority and Spam Score. VoilĂ .

All this, and we’re only in beta.

Dive into your link data now!

Here’s a deeper dive into my favorites:

#1: The sheer size, quality, and speed of it all

We’re committed to data quality. Here are some ways that shows up in the Moz tools:

  • When we collect rankings, we evaluate the natural first page of rankings to ensure that the placement and content of featured snippets and other SERP features are correctly situated (as can happen when ranking are collected in 50- or 100-page batches). This is more expensive, but we think the tradeoff is worth it.
  • We were the first to build a hybrid search volume model using clickstream data. We still believe our model is the most accurate.
  • Our SERP corpus, which powers Keywords by Site, is completely refreshed every two weeks. We actively update up to 15 million of the keywords each month to remove keywords that are no longer being searched and replace them with trending keywords and terms. This helps keep our keyword data set fresh and relevant.

The new Link Explorer index extends this commitment to data quality. OSE wasn’t cutting it and we’re thrilled to unleash this new tech.

Link Explorer is over 20x larger and 30x fresher than our legacy link index. Bonus points: the underlying technology is very cost-efficient, making it much less expensive for us to scale over time. This frees up resources to focus on feature delivery. BOOM!

One of my top pet peeves is waiting. I feel physical pain while waiting in lines and for apps to load. I can’t stand growing old waiting for a page to load (amirite?).

The new Link Explorer app is delightfully, impossibly fast. It’s like magic. That’s how link research should be. Magical.

#2: Historical data showing discovered and lost linking domains

If you’re a visual person, this report gives you an immediate idea of how your link building efforts are going. A spike you weren't expecting could be a sign of spam network monkey business. Deep-dive effortlessly on the links you lost and gained so you can spend your valuable time doing thoughtful, human outreach.

#3: Link Tracking Lists

Folks, this is a big one. Throw out (at least one of... ha. ha.) those unwieldy spreadsheets and get on board with Link Tracking Lists, because these are the future. Have you been chasing a link from a particular site? Wondering if your outreach emails have borne fruit yet? Want to know if you’ve successfully placed a link, and how you’re linking? Link Tracking Lists cut out a huge time-suck when it comes to checking back on which of your target sites have actually linked back to you.

Why announce the beta today?

We’re sharing this now for a few reasons:

  • The new Link Explorer data and app have been available in beta to a limited audience. Even with a quiet, narrow release, the SEO community has been talking about it and asking good questions about our plans. Now that the Link Explorer beta is in broad release throughout all of Moz products and the broader Moz audience can play with it, we’re expecting even more curiosity and excitement.
  • If you’re relying on our legacy link technology, this is further notice to shift your applications and reporting to the new-and-improved tech. OSE will be retired soon! We’re making it easier for API customers to get the new data by providing a translation layer for the legacy API.
  • We want and need your feedback. We are committed to building the very best link building tool on the planet. You can expect us to invest heavily here. We need your help to guide our efforts and help us make the most impactful tradeoffs. This is your invitation to shape our roadmap.

Today’s release of our new Link Explorer technology is a revolution in Moz tools, not an evolution. We’ve made a major leap forward in our link index technology that delivers a ton of immediate value to Moz customers and the broader Moz Community.

Even though there are impactful improvements around the corner, this ambitious beta stands on its own two feet. OSE wasn’t cutting it and we’re proud of this new, fledgling tech.

What’s on the horizon for Link Explorer?

We’ve got even more features coming in the weeks and months ahead. Please let us know if we’re on the right track.

  • Link Building Assistant: a way to quickly identify new link acquisition opportunities
  • A more accurate and useful Link Intersect feature
  • Link Alerts to notify you when you get a link from a URL you were tracking in a list
  • Changes to how we count redirects: Currently we don't count links to a redirect as links to the target of the redirect (that's a lot of redirects), but we have this planned for the future.
  • Significantly scaling up our crawling to further improve freshness and size

Go forth, and explore:

Try the new Link Explorer!

Tomorrow Russ Jones will be sharing a post that discusses the importance of quality metrics when it comes to a link index, and don’t miss our pinned Q&A post answering questions about Domain Authority and Page Authority changes or our FAQ in the Help Hub.

We’ll be releasing early and often. Watch this space, and don’t hold back your feedback. Help us shape the future of Links at Moz. We’re listening!

Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don't have time to hunt down but want to read!



from The Moz Blog https://ift.tt/2HDk5L5
via IFTTT

Finger-friendly numerical inputs with `inputmode`

Embarking On New Adventures: Inspiring Desktop Wallpapers For May 2018

Saturday, 28 April 2018

Practical Jokes in the Browser

I know April Fool’s Day is at the beginning of this month, but hey, now you’ve got a year to prepare. Not to mention a gool ol’ practical joke can be done anytime.

Fair warning on this stuff… you gotta be tasteful. Putting someone’s stapler in the jello is pretty hilarious unless it’s somehow a family heirloom, or it’s someone who’s been the target of a little too much office prankery to the point it isn’t funny anymore. Do good. Have fun.

setTimeout(function() {
  var text = new SpeechSynthesisUtterance("LOLOLOLOLOLOLOLOL"); 
  speechSynthesis.speak(text);
}, 600000);

Direct Link to ArticlePermalink

The post Practical Jokes in the Browser appeared first on CSS-Tricks.



from CSS-Tricks https://ift.tt/2HLEc9a
via IFTTT

Friday, 27 April 2018

CSS Blocks

A new entry into the CSS-in-JS landscape! Looks like the idea is that you write an individual CSS file for every component. You have to work in components, that's how the whole thing works. In the same isle as styled-components, css-modules, and glamorous.

Then you write :scope { } which is the base style for that component. Which I guess means you get out of having to pick a name! But also means you're pretty locked in (true with just about any style processing setup).

Then both the CSS and component are compiled, and probably optimized with its partner tool OptiCSS. The end result is super optimized styles. Since it's "template aware", the styles can be far more optimized than they could be by any system trying to optimize CSS in isolation.

Chris Eppstein:

With CSS Blocks, and OptiCSS running at its core, you get to write ergonomic CSS and let the build take care of making your stylesheets properly scoped, screaming fast, and fantastically small.

Speed, style scoping, and never/rarely having unsued CSS definitely seem like the big benefits to me. A non-trivial thing to move to, but sounds like it could be worth it for plenty of big sites and new sites.

A couple of setup repos to explore to see how it could work: css-blocks-webpack-3 and css-blocks-hello-world.

Direct Link to ArticlePermalink

The post CSS Blocks appeared first on CSS-Tricks.



from CSS-Tricks http://css-blocks.com/
via IFTTT

WordPress Local Development For Beginners: From Setup To Deployment

Content for Answers: The Inverted Pyramid - Whiteboard Friday

Posted by Dr-Pete

If you've been searching for a quick hack to write content for featured snippets, this isn't the article for you. But if you're looking for lasting results and a smart tactic to increase your chances of winning a snippet, you're definitely in the right place.

Borrowed from journalism, the inverted pyramid method of writing can help you craft intentional, compelling, rich content that will help you rank for multiple queries and win more than one snippet at a time. Learn how in this Whiteboard Friday starring the one and only Dr. Pete!

Content for Answers

Click on the whiteboard image above to open a high-resolution version in a new tab!

Video Transcription

Hey, Moz fans, Dr. Pete here. I'm the Marketing Scientist at Moz and visiting you from not-so-sunny Chicago in the Seattle office. We've talked a lot in the last couple years in my blog posts and such about featured snippets.

So these are answers that kind of cross with organic. So it's an answer box, but you get the attribution and the link. Britney has done some great Whiteboard Fridays, the last couple, about how you do research for featured snippets and how you look for good questions to answer. But I want to talk about something that we don't cover very much, which is how to write content for answers.

The inverted pyramid style of content writing

It's tough, because I'm a content marketer and I don't like to think that there's a trick to content. I'm afraid to give people the kind of tricks that would have them run off and write lousy, thin content. But there is a technique that works that I think has been very effective for featured snippets for writing for questions and answers. It comes from the world of journalism, which gives me a little more faith in its credibility. So I want to talk to you about that today. That's called the inverted pyramid.

Content for Answers

1. Start with the lead

It looks something like this. When you write a story as a journalist, you start with the lead. You lead with the lead. So if we have a story like "Penguins Rob a Bank," which would be a strange story, we want to put that right out front. That's interesting. Penguins rob a bank, that's all you need to know. The thing about it is, and this is true back to print, especially when we had to buy each newspaper. We weren't subscribers. But definitely on the web, you have to get people's attention quickly. You have to draw them in. You have to have that headline.

2. Go into the details

So leading with the lead is all about pulling them in to see if they're interested and grabbing their attention. The inverted pyramid, then you get into the smaller pieces. Then you get to the details. You might talk about how many penguins were there and what bank did they rob and how much money did they take.

3. Move to the context

Then you're going to move to the context. That might be the history of penguin crime in America and penguin ties to the mafia and what does this say about penguin culture and what are we going to do about this. So then it gets into kind of the speculation and the value add that you as an expert might have.

How does this apply to answering questions for SEO?

So how does this apply to answering questions in an SEO context?

Content for Answers

Lead with the answer, get into the details and data, then address the sub-questions.

Well, what you can do is lead with the answer. If somebody's asked you a question, you have that snippet, go straight to the summary of the answer. Tell them what they want to know and then get into the details and get into the data. Add those things that give you credibility and that show your expertise. Then you can talk about context.

But I think what's interesting with answers — and I'll talk about this in a minute — is getting into these sub-questions, talking about if you have a very big, broad question, that's going to dive up into a lot of follow-ups. People who are interested are going to want to know about those follow-ups. So go ahead and answer those.

If I win a featured snippet, will people click on my answer? Should I give everything away?

Content for Answers

So I think there's a fear we have. What if we answer the question and Google puts it in that box? Here's the question and that's the query. It shows the answer. Are people going to click? What's going to happen? Should we be giving everything away? Yes, I think, and there are a couple reasons.

Questions that can be very easily answered should be avoided

First, I want you to be careful. Britney has gotten into some of this. This is a separate topic on its own. You don't always want to answer questions that can be very easily answered. We've already seen that with the Knowledge Graph. Google says something like time and date or a fact about a person, anything that can come from that Knowledge Graph. "How tall was Abraham Lincoln?" That's answered and done, and they're already replacing those answers.

Answer how-to questions and questions with rich context instead

So you want to answer the kinds of things, the how-to questions and the why questions that have a rich enough context to get people interested. In those cases, I don't think you have to be afraid to give that away, and I'm going to tell you why. This is more of a UX perspective. If somebody asks this question and they see that little teaser of your answer and it's credible, they're going to click through.

"Giving away" the answer builds your credibility and earns more qualified visitors

Content for Answers

So here you've got the penguin. He's flushed with cash. He's looking for money to spend. We're not going to worry about the ethics of how he got his money. You don't know. It's okay. Then he's going to click through to your link. You know you have your branding and hopefully it looks professional, Pyramid Inc., and he sees that question again and he sees that answer again.

Giving the searcher a "scent trail" builds trust

If you're afraid that that's repetitive, I think the good thing about that is this gives him what we call a scent trail. He can see that, "You know what? Yes, this is the page I meant to click on. This is relevant. I'm in the right place." Then you get to the details, and then you get to the data and you give this trail of credibility that gives them more to go after and shows your expertise.

People who want an easy answer aren't the kind of visitors that convert

I think the good thing about that is we're so afraid to give something away because then somebody might not click. But the kind of people who just wanted that answer and clicked, they're not the kind of people that are going to convert. They're not qualified leads. So these people that see this and see it as credible and want to go read more, they're the qualified leads. They're the kind of people that are going to give you that money.

So I don't think we should be afraid of this. Don't give away the easy answers. I think if you're in the easy answer business, you're in trouble right now anyway, to be honest. That's a tough topic. But give them something that guides them to the path of your answer and gives them more information.

How does this tactic work in the real world?

Thin content isn't credible.

Content for Answers

So I'm going to talk about how that looks in a more real context. My fear is this. Don't take this and run off and say write a bunch of pages that are just a question and a paragraph and a ton of thin content and answering hundreds and hundreds of questions. I think that can really look thin to Google. So you don't want pages that are like question, answer, buy my stuff. It doesn't look credible. You're not going to convert. I think those pages are going to look thin to Google, and you're going to end up spinning out many, many hundreds of them. I've seen people do that.

Use the inverted pyramid to build richer content and lead to your CTA

Content for Answers

What I'd like to see you do is craft this kind of question page. This is something that takes a fair amount of time and effort. You have that question. You lead with that answer. You're at the top of the pyramid. Get into the details. Get into the things that people who are really interested in this would want to know and let them build up to that. Then get into data. If you have original data, if you have something you can contribute that no one else can, that's great.

Then go ahead and answer those sub-questions, because the people who are really interested in that question will have follow-ups. If you're the person who can answer that follow-up, that makes for a very, very credible piece of content, and not just something that can rank for this snippet, but something that really is useful for anybody who finds it in any way.

So I think this is great content to have. Then if you want some kind of call to action, like a "Learn More," that's contextual, I think this is a page that will attract qualified leads and convert.

Moz's example: What is a Title Tag?

So I want to give you an example. This is something we've used a lot on Moz in the Learning Center. So, obviously, we have the Moz blog, but we also have these permanent pages that answer kind of the big questions that people always have. So we have one on the title tag, obviously a big topic in SEO.

Content for Answers

Here's what this page looks like. So we go right to the question: What is a title tag? We give the answer: A title tag is an HTML element that does this and this and is useful for SEO, etc. Right there in the paragraph. That's in the featured snippet. That's okay. If that's all someone wants to know and they see that Moz answered that, great, no problem.

But naturally, the people who ask that question, they really want to know: What does this do? What's it good for? How does it help my SEO? How do I write one? So we dug in and we ended up combining three or four pieces of content into one large piece of content, and we get into some pretty rich things. So we have a preview tool that's been popular. We give a code sample. We show how it might look in HTML. It gives it kind of a visual richness. Then we start to get into these sub-questions. Why are title tags important? How do I write a good title tag?

One page can gain the ability to rank for hundreds of questions and phrases

What's interesting, because I think sometimes people want to split up all the questions because they're afraid that they have to have one question per page, what's interesting is that I think looked the other day, this was ranking in our 40 million keyword set for over 200 phrases, over 200 questions. So it's ranking for things like "what is a title tag," but it's also ranking for things like "how do I write a good title tag." So you don't have to be afraid of that. If this is a rich, solid piece of content that people are going to, you're going to rank for these sub-questions, in many cases, and you're going to get featured snippets for those as well.

Then, when people have gotten through all of this, we can give them something like, "Hey, Moz has some of these tools. You can help write richer title tags. We can check your title tags. Why don't you try a free 30-day trial?" Obviously, we're experimenting with that, and you don't want to push too hard, but this becomes a very rich piece of content. We can answer multiple questions, and you actually have multiple opportunities to get featured snippets.

So I think this inverted pyramid technique is legitimate. I think it can help you write good content that's a win-win. It's good for SEO. It's good for your visitors, and it will hopefully help you land some featured snippets.

So I'd love to hear about what kind of questions you're writing content for, how you can break that up, how you can answer that, and I'd love to discuss that with you. So we'll see you in the comments. Thank you.

Video transcription by Speechpad.com


Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don't have time to hunt down but want to read!



from The Moz Blog https://ift.tt/2FmsNHB
via IFTTT

Thursday, 26 April 2018

Win a Ticket + Lodging to MozCon 2018!

Posted by ErinMcCaul

Have you been wanting to come to MozCon but just can’t swing the budget? Want to take a selfie with Roger, meet like-minded friends at our afterparties, and learn from leading industry experts? I’m thrilled to announce that you can do it all by winning a free ticket to join us at MozCon this July!

Those front-row seats look awfully cushy.

I’m one of the behind-the-scenes house elves who helps make MozCon happen, and I’m here to tell you everything you need to know about entering to win!

To enter, just submit a unique piece of content telling us why we should send you to MozCon by Sunday May 6th at 5pm PDT. Make sure your entry is both original and creative — the Moz staff will review all submissions and vote on the winner! If you’re chosen, we’ll pick up the tab for your registration and accommodations at the Grand Hyatt. You’ll also have a reserved VIP seat in our front row, and an invite to mix and mingle at our pre-event MozCon speakers’ dinner!

Without further ado, here’s the scoop:

Step 1: Create!

Create a unique, compelling piece of content telling us why you want to come to MozCon. Past ideas have included:

  • Drawings
  • Videos (must be one minute or less)
  • Blog posts
  • Original songs
  • Books
  • Slide decks
  • Anything else you can cook up!

Don’t feel limited by these examples. Is this the year we’ll see a Lego Roger stop-motion film, a MozCon-inspired show tune, or Roger-themed sugar cookies? The sky's the limit, my friends! (But think hard about trying your hand at those cookies.)

Step 2: Submit!

Once you’re ready to throw your hat in the game, tweet us a link @Moz and use the hashtag #MozConVIP by Sunday May 6th at 5pm PDT. Make sure to follow the instructions, and include your name and email address somewhere easily visible within your content. To keep things fair, there will be no exceptions to the rules. We need to be able to contact you if you’re our lucky winner!

Let’s recap:

  • The submission deadline is Sunday May 6th at 5pm PDT.
  • Mozzers will vote on all the entries based on the creativity and uniqueness of the content
  • We’ll announce the winning entry from @Moz via Twitter on Friday, May 11. You must be able to attend MozCon, July 9–11 2018, in Seattle. Prizes are non-transferable.
  • All submissions must adhere to the MozCon Code of Conduct
  • Content is void where prohibited by law.
  • The value of the prize will be reported for tax purposes as required by law; the winner will receive an IRS form 1099 at the end of the calendar year and a copy of such form will be filed with the IRS. The winner is solely responsible for reporting and paying any and all applicable taxes related to the prizes and paying any expenses associated with any prize which are not specifically provided for in the official rules.

Our lucky winner will receive:

  • A free ticket to MozCon 2018, including optional VIP front-row seating and an invitation to our speakers’ dinner (valued at $1,500+)
  • Accommodations with a suite upgrade at the Grand Hyatt from July 8–12, 2018 (valued at $1,300+)

Alright, that’s wrap. I can’t wait to see what you folks come up with! Happy creating!


Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don't have time to hunt down but want to read!



from The Moz Blog https://ift.tt/2vP6RWc
via IFTTT

Radial Gradient Recipes

​Level Up Your JavaScript Error Monitoring

Measuring Websites With Mobile-First Optimization Tools

Wednesday, 25 April 2018

Understanding React `setState`

Sharing Code Between Projects: Lessons Learned In The Trenches

How We Got a 32% Organic Traffic Boost from 4 On-Page SEO Changes [Case Study]

Posted by WallStreetOasis.com

My name is Patrick Curtis, and I'm the founder and CEO of Wall Street Oasis, an online community focused on careers in finance founded in 2006 with over 2 million visits per month.

User-generated content and long-tail organic traffic is what has built our business and community over the last 12+ years. But what happens if you wake up one day and realize that your growth has suddenly stopped? This is what happened to us back in November 2012.

In this case study, I’ll highlight two of our main SEO problems as a large forum with over 200,000 URLs, then describe two solutions that finally helped us regain our growth trajectory — almost five years later.

Two main problems

1. Algorithm change impacts

Ever since November 2012, Google’s algo changes have seemed to hurt many online forums like ours. Even though our traffic didn’t decline, our growth dropped to the single-digit percentages. No matter what we tried, we couldn’t break through our “plateau of pain” (I call it that because it was a painful ~5 years trying).

Plateau of pain: no double-digit growth from late 2012 onward

2. Quality of user-generated content

Related to the first problem, 99% of our content is user-generated (UGC) which means the quality is mixed (to put it kindly). Like most forum-based sites, some of our members create incredible pieces of content, but a meaningful percentage of our content is also admittedly thin and/or low-quality.

How could we deal with over 200,000 pieces of content efficiently and try to optimize them without going bankrupt? How could we “clean the cruft” when there was just so much of it?

Fighting back: Two solutions (and one statistical analysis to show how it worked)

1. "Merge and Purge" project

Our goal was to consolidate weaker “children” URLs into stronger “master” URLs to utilize some of the valuable content Google was ignoring and to make the user experience better.

For example, instead of having ~20 discussions on a specific topic (each with an average of around two to three comments) across twelve years, we would consolidate many of those discussions into the strongest two or three URLs (each with around 20–30 comments), leading to a much better user experience with less need to search and jump around the site.

Changes included taking the original post and comments from a “child” URL and merging them into the “master” URL, unpublishing the child URL, removing the child from sitemap, and adding a 301 redirect to the master.

Below is an example of how it looked when we merged a child into our popular Why Investment Banking discussion. We highlighted the original child post as a Related Topic with a blue border and included the original post date to help avoid confusion:

Highlighting a related topic child post

This was a massive project that involved some complex Excel sorting, but after 18 months and about $50,000 invested (27,418 children merged into 8,515 masters to date), the user experience, site architecture, and organization is much better.

Initial analysis suggests that the percentage gain from merging weak children URLs into stronger masters has given us a boost of ~10–15% in organic search traffic.

2. The Content Optimization Team

The goal of this initiative was to take the top landing pages that already existed on Wall Street Oasis and make sure that they were both higher quality and optimized for SEO. What does that mean, exactly, and how did we execute it?

We needed a dedicated team that had some baseline industry knowledge. To that end, we formed a team of five interns from the community, due to the fact that they were familiar with the common topics.

We looked at the top ~200 URLs over the previous 90 days (by organic landing page traffic) and listed them out in a spreadsheet:

Spreadsheet of organic traffic to URLs

We held five main hypotheses of what we believed would boost organic traffic before we started this project:

  1. Longer content with subtitles: Increasing the length of the content and adding relevant H2 and H3 subtitles to give the reader more detailed and useful information in an organized fashion.
  2. Changing the H1 so that it matched more high-volume keywords using Moz’s Keyword Explorer.
  3. Changing the URL so that it also was a better match to high-volume and relevant keywords.
  4. Adding a relevant image or graphic to help break up large “walls of text” and enrich the content.
  5. Adding a relevant video similar to the graphic, but also to help increase time on page and enrich the content around the topic.

We tracked all five of these changes across all 200 URLs (see image above). After a statistical analysis, we learned that four of them helped our organic search traffic and one actually hurt.

Summary of results from our statistical analysis

  • Increasing the length of the articles and adding relevant subtitles (H2s, H3s, and H4s) to help organize the content gives an average boost to organic traffic of 14%
  • Improving the title or H1 of the URLs yields a 9% increase on average
  • Changing the URL decreased traffic on average by 38% (this was a smaller sample size — we stopped doing this early on for obvious reasons)
  • Including a relevant video increases the organic traffic by 4% on average, while putting an image up increases it by 5% on average.

Overall, the boost to organic traffic — should we continue to make these four changes (and avoid changing the URL) — is 32% on average.

Key takeaway:

Over half of that gain (~18%) comes from changes that require a minimal investment of time. For teams trying to optimize on-page SEO across a large number of pages, we recommend focusing on the top landing pages first and easy wins before deciding if further investment is warranted.

We hope this case study of our on-page SEO efforts was interesting, and I’m happy to answer any questions you have in the comments!


Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don't have time to hunt down but want to read!



from The Moz Blog https://ift.tt/2HpCATj
via IFTTT

Tuesday, 24 April 2018

Grid to Flex

Una Kravets shows how to make layouts in CSS Grid with flexbox fallbacks for browsers that don’t support those grid properties just yet. Una writes:

CSS grid is AMAZING! However, if you need to support users of IE11 and below, or Edge 15 and below, grid won't really work as you expect...This site is a solution for you so you can start to progressively enhance without fear!

The site is a provides examples using common layouts and component patterns, including code snippets. For example:

See the Pen Grid To Flex -- Example 1 by Una Kravets (@una) on CodePen.

Direct Link to ArticlePermalink

The post Grid to Flex appeared first on CSS-Tricks.



from CSS-Tricks https://ift.tt/2Fbdkua
via IFTTT

JAMstack Comments

Working Together: How Designers And Developers Can Communicate To Create Better Projects

Server-Side Visualization With Nightmare

On Failures And Successes: Meet SmashingConf Freiburg 2018

The SEO Quick Fix: Competitor Keywords, Redirect Chains, and Duplicate Content, Oh My!

Posted by ErinMcCaul

I have a eight-month-old baby. As a mom my time is at a premium, and I’ve come to appreciate functionalities I didn’t know existed in things I already pay for. My HBONow subscription has Game of Thrones AND Sesame Street? Fantastic! Overnight diapers can save me a trip to the tiny airplane bathroom on a quick flight? Sweet! Oxiclean keeps my towels fluffy and vanquishes baby poop stains? Flip my pancakes!

Moz Pro isn’t just a tool for link building, or keyword research, or on-page SEO, or crawling your site. It does all those things and a little bit more, simplifying your SEO work and saving time. And if you’ve run into an SEO task you’re not sure how to tackle, it’s possible that a tool you need is right here just waiting to be found! It’s in this spirit that we’ve revived our SEO Quick Fix videos. These 2–3 minute Mozzer-led tutorials are meant to help you get the most out of our tools, and offer simple solutions to common SEO problems.

Take Moz Pro for a spin!

Today we’ll focus on a few Keyword Explorer and Site Crawl tips. I hope these knowledge nuggets bring you the joy I experienced the moment I realized my son doesn’t care whether I read him The Name of the Wind or Goodnight Moon.

Let’s dive in!

Fix #1 - Keyword Explorer: Finding keyword suggestions that are questions

Search queries all have intent (“when to give my baby water” was a hot Google search at my house recently). Here’s the good news: Research shows that if you’re already ranking in the top ten positions, providing the best answers to specific questions can earn you a coveted Featured Snippet!

Featured snippet example

In this video, April from our Customer Success Team will show you how to pull a list of keyword phrases that cover the who, what, where, when, why, and how of all the related topics for keywords you’re already ranking for. Here’s the rub. Different questions call for different Featured Snippet formats. For example, “how” and “have” questions tend to result in list-based snippets, while “which” questions often result in tables. When you’re crafting your content, be mindful of the type of question you’re targeting and format accordingly.

Looking for more resources? Once you’ve got your list, check out AJ Ghergich’s article on the Moz Blog for some in-depth insight on formatting and optimizing your snippets. High five!


Fix #2 - Site Crawl: Optimize the content on your site

Sometimes if I find a really good pair of pants, I buy two (I mean, it’s really hard to find good pants). In this case duplicates are good, but the rules of pants don’t always apply to content. Chiaryn is here to teach you how to use Site Crawl to identify duplicate content and titles, and uncover opportunities to help customers and bots find more relevant content on your site.

When reviewing your duplicate content, keep a few things in mind:

  • Does this page provide value to visitors?
  • Title tags are meant to give searchers a taste of what your content is about, and meant to help bots understand and categorize your content. You want your title tags to be relevant and unique to your content.
  • If pages with different content have the same title tag, re-write your tags to make them more relevant to your page content. Use our Title Tag Preview tool to help out.
  • Thin content isn’t always a bad thing, but it’s still a good opportunity to make sure your page is performing as expected — and update it as necessary with meaningful content.
  • Check out Jo Cameron’s post about How to Turn Low-Value Content Into Neatly Organized Opportunities for more snazzy tips on duplicate content and Site Crawl!

Fix #3 - Keyword Explorer: Identify your competitors’ top keywords

Cozily nestled under a few clicks, Keyword Explorer holds the keys to a competitive research sweet spot. By isolating the ranking keywords you have in common with your competitors, you can pinpoint their weak spots and discover keywords that are low-hanging fruit — phrases you have the content and authority to rank for that, with a little attention, could do even better. In this video, Janisha shows you how targeting a competitor’s low-ranking keywords can earn you a top spot in the SERPS.

Finding competitors' keywords: A Venn diagram

Check out all that overlapped opportunity!

For a few more tips along this line, check out Hayley Sherman’s post, How to Use Keyword Explorer to Identify Competitive Keyword Opportunities.


Fix #4 - Site Crawl: Identify and fix redirect chains

Redirects are a handy way to get a visitor from a page they try to land on, to the page you want them to land on. Redirect chains, however, are redirects gone wrong. They look something like this: URL A redirects to URL B, URL B redirects to URL C… and so on and so forth.

These redirect chains can negatively impact your rankings, slow your site load times, and make it hard for crawlers to properly index your site.

Meghan from our Help team is here to show you how to find redirect chains, understand where they currently exist, and help you cut a few of those pesky middle redirects.

Looking for a few other redirect resources? I’ve got you covered:


Alright friends, that’s a wrap! Like the end of The Last Jedi, you might not be ready for this post to be over. Fear not! Our blog editor liked my jokes so much that she's promised to harp on me to write more blog posts. So, I need your help! Find yourself facing an SEO snafu that doesn’t seem to have a straightforward fix? Let me know in the comments. I might know a Moz tool that can help, and you might inspire another Quick Fix post!

Get a free month of Moz Pro

If you’re still interested in checking out more solutions, here’s a list of some of my favorite resources:

Stay cool!


Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don't have time to hunt down but want to read!



from The Moz Blog https://ift.tt/2HURJsS
via IFTTT

Monday, 23 April 2018

Native-Like Animations for Page Transitions on the Web

Redesigning A Digital Interior Design Shop (A Case Study)

ROPO: 2018's Most Important Multichannel Digital Marketing Report

Posted by RobBeirne

Digital marketers have always had one drum they loudly beat in front of traditional advertising channels: "We can measure what we do better than you." Now, we weren't embellishing the truth or anything — we can measure digital advertising performance at a much more granular level than we can traditional advertising. But it's not perfect. Multichannel digital marketing teams always have one niggling thought that keeps them awake at night: online activity is driving in-store sales and we can't claim any credit for it.

Offline sales are happening. Sure enough, we're seeing online shopping become more and more popular, but even so, you’ll never see 100% of your sales being made online if you're a multichannel retailer. Whether it’s a dress that needs to be tried on or a TV you want to measure up before you buy, in-store purchases are going nowhere. But it's more important than ever to make sure you don't underestimate the impact your online advertising has on offline sales.

ROPO: Research Online Purchase Offline has plagued multichannel retailers for years. This is when awareness and hot leads are generated online, but the customers convert in-store.

There is one other problem hampering many multichannel businesses: viewing their online store as "just another store" and, in many cases, the store managers themselves considering the website to be a competitor.

In this article, I'll show you how we've improvised to create a ROPO report for DID Electrical, an Irish electrical and home appliance multichannel retailer, to provide greater insight into their customers' multichannel journey and how this affected their business.

What is ROPO reporting?

Offline conversions are a massive blind spot for digital marketers. It's the same as someone else taking credit for your work: your online ads are definitely influencing shoppers who complete their purchase offline, but we can't prove it. Or at least we couldn't prove it — until now.

ROPO reporting (Research Online Purchase Offline) allows multichannel retailers to see what volume of in-store sales have been influenced by online ads. Facebook has trail-blazed in this area of reporting, leaving Google in their wake and scrambling to keep up. I know this well, because I work on Wolfgang's PPC team and gaze enviously at the ROPO reporting abilities of our social team. Working with DID, we created a robust way to measure the offline value of both PPC and SEO activity online.

To create a ROPO report, multichannel retailers must have a digital touch point in-store. This isn't as complicated as it sounds and can be something like an e-receipt or warranty system where you email customers. This gives you the customer data that you'll need to match offline conversions with your online advertising activity.

As I mentioned earlier, Facebook makes this nice and simple. You take the data gathered in-store, upload it to Facebook, and they will match as many people as possible. Our social team is generally seeing a 50% match rate between the data gathered in-store and Facebook users who've seen our ads. You can watch two of my colleagues, Alan and Roisin, discussing social ROPO reporting in an episode of our new video series, Wolfgang Bites:

Clearly, ROPO reporting is potentially very powerful for social media marketers, but Google doesn't yet provide a way for me to simply upload offline conversion data and match it against people who've seen my ads (though they have said that this is coming for Google AdWords). Wouldn't this be a really boring article for people working in SEO and PPC if I just ended things there?

Google ROPO reporting

DID Electrical were a perfect business to develop a ROPO report for. Founded back in 1968 (happy 50th birthday guys!), a year before tech was advanced enough to put man on the moon, DID strives to "understand the needs of each and every one of their customers." DID have an innovative approach to multichannel retail, which is great for ROPO reporting because they're already offering e-receipts to customers purchasing goods for over €100. Better still, the email delivering the e-receipts also has a link to a dedicated competition. This sits on a hidden landing page, so the only visitors to this page are customers receiving e-receipts.

They were nearly set for ROPO reporting, but there was just one extra step needed. In Google Analytics, we set the unique competition landing page URL as a goal, allowing us to reverse-engineer customer journeys and uncover the extent of Google PPC and SEO's influence over in-store sales. Before I unveil the results, a few caveats.

The ROPO under-report

Despite our best efforts to track offline conversions, I can't say ROPO reporting reflects 100% of all in-store sales influenced by digital ads. In the past, we've been open about the difficulties in tracking both offline conversions and cross-device conversions. For example, when running a social ROPO report, customers might give a different email in-store from the one attached to their Facebook account. For an SEO or PPC ROPO report, the customer might click a search ad on a work computer but the open their e-receipt on their smartphone. Unfortunately, due to the nature of the beast, ROPO reporting just isn't 100% accurate, but it does give an incredible indication of online's influence over offline sales.

I expect to see improved reporting coming down the line from Google, and they're definitely working on a ROPO reporting solution like Facebook's upload system. While our approach to ROPO reporting does shine a light on the offline conversion blind spot, it's entirely likely that digital advertising's influence goes far beyond these (still mightily impressive) results.

It’s also important to note that this method isn’t intended to give an exact figure for every ROPO sale, but instead gives us an excellent idea of the proportion of offline sales impacted by our online activities. By applying these proportions to overall business figures, we can work out a robust estimate for metrics like offline ROI.

Results from ROPO reporting

I'm going to divide the results of this ROPO reporting innovation into three sections:

  1. PPC Results
  2. SEO Results
  3. Business Results

1. PPC results of ROPO reporting

First of all, we found 47% of offline customers had visited the DID Electrical website prior to visiting the store and making a purchase. Alone, this was an incredible insight into consumer behavior to be able to offer the team at DID. We went even further and determined that 1 in 8 measurable offline sales were influenced by an AdWords click.

2. SEO results of ROPO reporting

This method of ROPO reporting also means we can check the value of an organic click-through using the same reverse-engineering we used for PPC clicks. Based on the same data set, we discovered 1 in 5 purchases made in-store were made by customers who visited the DID site through an organic click prior to visiting the store.

3. Business results of ROPO reporting

ROPO reporting proved to be a great solution to DID's needs in providing clarity around the position of their website in the multichannel experience. With at least 47% of offline shoppers visiting the site before purchasing, 1 in 8 of them being influenced by AdWords and 1 in 5 by SEO, DID could now show the impact online was having over in-store sales. Internally, the website was no longer being viewed as just another store — now it's viewed as the hub linking everything together for an improved customer experience.

Following the deeper understanding into multichannel retail offered by ROPO reporting, DID was also able to augment their budget allocations between digital and traditional channels more efficiently. These insights have enabled them to justify moving more of their marketing budget online. Digital will make up 50% more of their overall marketing budget in 2018!

Getting started with ROPO reporting

If you're a digital marketer within a multichannel retailer and you want to get started with ROPO reporting, the key factor is your in-store digital touchpoint. This is the bridge between your online advertising and offline conversion data. If you're not offering e-receipts already, now is the time to start considering them as they played a critical role in DID’s ROPO strategy.

ROPO Cheat Guide (or quick reference)

If you're a multichannel retailer and this all sounds tantalizing, here’s the customer journey which ROPO measures:

  1. Customer researches online using your website
  2. Customer makes purchase in your brick-and-mortar store
  3. Customer agrees to receive an e-receipt or warranty delivered to their email address
  4. Customer clicks a competition link in the communication they receive
  5. This action is captured in your Google Analytics as a custom goal completion
  6. You can now calculate ROAS (Return On Advertising Spending)

The two critical steps here are the digital touchpoint in your physical stores and the incentive for the customer’s post-conversion communication click. Once you have this touchpoint and interaction, measuring Facebook's social ROPO is a simple file upload and using what I’ve shown you above, you’ll be able to measure the ROPO impact of PPC and SEO too.

If you do have any questions, pop them into the comments below. I have some questions too and it would be great to hear what you all think:

  • If you're a multichannel retailer, are you in a position to start ROPO reporting?
  • Does your company view your website as a hub for all stores or just another store (or even a competitor to the physical stores)?
  • Have you seen a shift in marketing spend towards digital?

Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don't have time to hunt down but want to read!



from The Moz Blog https://ift.tt/2qRvs7P
via IFTTT

Friday, 20 April 2018

Choosing a Responsive Email Framework: MJML vs. Foundation for Emails

What You Need To Know To Increase Mobile Checkout Conversions

Marketing Lessons Learned from 16 Years of Building Moz - Whiteboard Friday

Posted by randfish

The lessons Rand has learned from building and growing Moz are almost old enough to drive. From marketing flywheels versus growth hacks, to product launch timing, to knowing your audience intimately, Rand shares his best advice from a decade and a half of marketing Moz in today's edition of Whiteboard Friday.

Marketing Lessons Learned from 16 Years of Building Moz

Click on the whiteboard image above to open a high-resolution version in a new tab!

Video Transcription

Howdy, Moz fans, and welcome to another edition of Whiteboard Friday. This week we are going to chat about some of the big lessons learned for me personally building this company, building Moz over the last 16, 17 years.

Back in February, I left the company full-time. I'm still the Chairman of the Board and contribute in some ways, including an occasional Whiteboard Friday here and there. But what I wanted to do as part of this book that I've written, that's just coming out April 24th, Lost and Founder, is talk about some of the elements in there, maybe even give you a sneak peek.

If you're thinking, "Well, what are the two or three chapters that are super relevant to me?" let me try and walk you through a little bit of what I feel like I've taken away and what I'm going to change going forward, especially stuff that's applicable to those of us in web marketing, in SEO, and in broader marketing.

Marketing flywheels > growth hacks

First off, marketing flywheels, in my experience, almost always beat growth hacks. I know that growth hacks are trendy in the last few years, especially in the startup and technology worlds. There's been this sort of search for the next big growth hack that's going to transform our business. But I've got to be honest with you. Not just here at Moz, but in all of the companies that I've had experience with as a marketer, this tends to be what that looks like when it's implemented.

So folks will find a hack. They'll find some trick that works for a little while, and it results in this type of a spike in their traffic, their conversions, their success metrics of whatever kind. So they've discovered a way to game Facebook or they found this new black hat trick or they found this great conversion device. Whatever it is, it's short term and short lasting. Why is this? It tends to be because of something Andrew Chen calls — and I'll use his euphemism here — it's called the "Law of Shitty Click-through Rates," which essentially says that over time, as people get experienced with a sort of marketing trend, they become immune to its effects.

Marketing Lessons Learned from 16 Years of Building Moz - Whiteboard Friday

You can see this in anything that sort of tries to hack at consciousness or take advantage of psychological biases. So you get this pattern of hack, hack, hack, hack, and then none of the hacks you're doing work anymore. Even if you have a tremendously successful one, even if this is six months in length, it tends to be the case that, over time, those diminish and decline.

Conversely, a marketing flywheel is something that you build that generates inertia and energy, such that each effort and piece of energy that you put into it helps it spin faster and faster, and it carries through. It takes less energy to turn it around again and again in the future after you've got it up and spinning. This is how a lot of great marketing works. You build a brand. You build your audience. They come to you. They help it amplify. They bring more and more people back. In the web marketing world, this works really well too.

Marketing Lessons Learned from 16 Years of Building Moz - Whiteboard Friday

So most of you are familiar with Moz's flywheel, but I'll try and give it a rough explanation here. We start down here with content ideas that we get from spending lots of time with SEOs. We do keyword research, and we optimize these posts, including look at Whiteboard Friday itself.

What do we do with Whiteboard Friday? You're watching this video, but you'll also see the transcript below. You'll see the podcast version from SoundCloud so that you can listen to the text rather than watch me if you can do audio only for some reason. Each of these little images have been cut out and placed into the text below so that someone who's searching in Google images might find some of these and find their way to Whiteboard Friday. A few months after it goes up here, hosted with Wistia on Moz, it will be put up on YouTube.com so that people can find it there.

So we've done all these sorts of things to optimize these posts. We publish them, and then we earn amplification through all the channels that we have — email, social media, certainly search engines are a big one for us. Then we grow our reach for next time.

Early in the days, early in Moz's history, when I was first publishing, I was writing every blog post myself for many, many years. This was tremendously difficult. We weren't getting much reach. Now, it's an engine that turns on its own. So each time we do it, we earn more SEO ranking ability, more links, more other positive ranking signals. The next time we publish content, it has an even better chance of doing well. So Moz's flywheel keeps spinning, keeps getting faster and faster, and it's easier and easier. Each time I film Whiteboard Friday, I'm a little more experienced. I've gotten a little better at it.

Flywheels come in many different forms

Flywheels come in a lot of forms. It's not just the classic content and SEO one that we're describing here, although I know many of you who watch Whiteboard Friday probably use something similar. But press and PR is a big one that many folks use. I know companies that are built on primarily event marketing, and they have that same flywheel going for them. In advertising, folks have found these, in influencer-focused marketing flywheels, and community and user-generated content to build flywheels. All of these are ways to do that.

Find friction in your flywheels

If and when you find friction in your flywheel, like I did back in my early days, that's when a hack is really helpful. If you can get a hack going to grow reach for next time, for example, in my early days, this was all about doing outreach to folks in the SEO space who were already influential, getting them to pay attention and help amplify Moz's content. That was the hack that I needed. Essentially, it was a combination of the Beginner's Guide to SEO and the Search Ranking Factors document, which I've described here. But that really helped grow reach for next time and made this flywheel start spinning in the way that we wanted. So I would urge you to favor flywheels over hacks.

Marketing an MVP is hard

Second one, marketing an MVP kind of sucks. It's just awful. Great products are rarely minimum viable products. The MVP is a wonderful way to build. I really, really like what Eric Ries has done with that movement, where he's taken this concept of build the smallest possible thing you can that still solves the user's problem, the customer's problem and launch that so that you can learn and iterate from it.

I just have one complaint, which is if you do that publicly, if you launch your MVP publicly and you're already a brand that's well known, you really hurt your reputation. No one ever thinks this. No one ever thinks, "Gosh, you know, Moz launched their first version of new tool X. It's pretty terrible, but I can see how, with a few years of work, it's going to be an amazing product. I really believe in them." No one thinks that way.

What do you think? You think, "Moz launched this product. Why did they launch it? It's kind of terrible. Are they going downhill? Do they suck now? Maybe I should I trust their other tools less." That's how most people think when it comes to an MVP, and that's why it's so dangerous.

Marketing Lessons Learned from 16 Years of Building Moz - Whiteboard Friday

So I made this silly chart here. But if the quality goes from crap to best in class and the amplification worthiness goes from zero to viral, it tends to be the case that most MVPs are launching way down here, when they're barely good enough and thus have almost no amplification potential and really can't do much for your marketing other than harm it.

If you instead build it internally, build that MVP internally, test with your beta group, and wait until it gets all the way up to this quality level of, "Wow, that's really good," and lots of people who are using it say, "Gosh, I couldn't live without this. I want to share it with my friends. I want to tell everyone about this. Is it okay to tell people yet?" Maybe it's starting to leak. Now, you're up here. Now, your launch can really do something. We have seen exactly that happen many, many times here at Moz with both MVPs and MVPs where we sat on them and waited. I talk about some of these in the book.

MVPs, great to test internally with a private group. They're also fine if you're really early stage and no one has heard of you. But MVPs can seriously drag down reputation and perception of a brand's quality and equity, which is why I generally recommend against them, especially for marketing.

Living the lives of your customer/audience is a startup + marketing cheat code

Last, but not least, living the lives of your customers or your audience is a cheat code. It is a marketing and startup cheat code. One of the best things that I have ever done is to say, "You know what? I am not going to sequester myself in my office dreaming up this great thing I think we should build or I think that we should do. Instead, I'm going to spend real time with our customers."

Marketing Lessons Learned from 16 Years of Building Moz - Whiteboard Friday

So you might remember, at the end of 2013, I did this crazy project with my friend, Wil Reynolds, who runs Seer Interactive. They're an SEO agency based here in the United States, in Philadelphia and San Diego. They do a lot more than SEO. Wil and I traded houses. We traded lives. We traded email accounts. I can't tell you how weird it is answering somebody's email, replying to Wil's mom and being like, "Oh, Mrs. Reynolds, this is actually Rand. Your son, Wil, is answering my email off in Seattle and living in my apartment."

Marketing Lessons Learned from 16 Years of Building Moz - Whiteboard Friday

That experience was transformational for me, especially after having gone through the pain of building something that I had conceptualized myself but hadn't validated and hadn't even come up with the idea from real problems that real people were facing. I had come up with it based on what I thought could grow the company. I seriously dislike ideas that come from that perspective now.

So since then, I just try not to assume. I try not to assume that I know what people want. When we film a Whiteboard Friday, it is almost always on a topic that someone I have met and talked to either over email or over Twitter or in person at an event or a conference, we've had a conversation in person. They've said, "I'm struggling with this." I go, "I can make a Whiteboard Friday to help them with that." That's where these content ideas come from.

When I spend time with people doing their job, I was just in San Diego a little while ago meeting with a couple of agencies down there, spending time in their offices showing off a new links tool, getting all their feedback, seeing what they do with Open Site Explorer and Ahrefs and Majestic and doing their work with them, trying to go through the process that they go through and actually experiencing their pain points. I think this right here is the product and marketing cheat code. If you spend time with your audience, experiencing their pain points, the copy you write, what you design, where you place it, who you try and get to influence and amplify it, how you serve them, whether that's through content or through advertising or through events, or whatever kind of marketing you're doing, will improve if you live the lives of your customers and their influencers.

Whatever kind of marketing you're doing will improve if you live the lives of your customers and their influencers.

All right, everyone. Hope you've enjoyed this edition of Whiteboard Friday. If you have feedback on this or if you've read the book and checked that out and you liked it or didn't like it, please, I would love to hear from you. I look forward to your comments. We'll see you again next week for another edition of Whiteboard Friday. Take care.

Video transcription by Speechpad.com


Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don't have time to hunt down but want to read!



from The Moz Blog https://ift.tt/2HenQT5
via IFTTT

Thursday, 19 April 2018

What are Higher-Order Components in React?

Scroll to the Future

This is an interesting read on the current state of scrollbars and how to control their behavior across operating systems and browsers. The post also highlights a bunch of stuff I didn’t know about, like Element.scrollIntoView() and the scroll-behavior CSS property.

My favorite part of all though? It has to be this bit:

In the modern web, relying heavily on custom JavaScript to achieve identical behavior for all clients is no longer justified: the whole idea of “cross-browser compatibility” is becoming a thing of the past with more CSS properties and DOM API methods making their way into standard browser implementations.

In our opinion, Progressive Enhancement is the best approach to follow when implementing non-trivial scrolling in your web projects.

Make sure you can provide the best possible minimal, but universally supported UX, and then improve with modern browser features in mind.

Speaking of the cross-browser behavior of scrollbars, Louis Hoebregts also has a new post that notes how Edge does not include the scrollbar when dealing with vw units the way other browsers do and he provides a nice way of handling it with CSS custom properties.

Direct Link to ArticlePermalink

The post Scroll to the Future appeared first on CSS-Tricks.



from CSS-Tricks https://ift.tt/2GTvg2b
via IFTTT

Kinsta

How To Create An Audio/Video Recording App With React Native: An In-Depth Tutorial

Wednesday, 18 April 2018

VuePress Static Site Generator

VuePress is a new tool from Vue creator Even You that spins up Vue projects that are more on the side of websites based on content and markup than progressive web applications and does it with a few strokes of the command line.

We talk a lot about Vue around here, from a five-part series on getting started with it to a detailed implementation of a serverless checkout cart

But, like anything new, even the basics of getting started can feel overwhelming and complex. A tool like VuePress can really lower the barrier to entry for many who (like me) are still wrapping our heads around the basics and tinkering with the concepts.

There are alternatives, of course! For example, Nuxt is already primed for this sort of thing and also makes it easy to spin up a Vue project. Sarah wrote up a nice intro to Nuxt and it's worth checking out, particularly if your project is a progressive web application.

The post VuePress Static Site Generator appeared first on CSS-Tricks.



from CSS-Tricks https://ift.tt/2HK0zcQ
via IFTTT

Which Podcasts Should Web Designers And Developers Be Listening To?

Tuesday, 17 April 2018

Hey hey `font-display`

Enterprise Local SEO is Different: A Checklist, a Mindset

Posted by MiriamEllis

Image credit: Abraham Williams

If you’re marketing big brands with hundreds or thousands of locations, are you certain you’re getting model-appropriate local SEO information from your favorite industry sources?

Is your enterprise checking off not just technical basics, but hyperlocalized research to strengthen its entrance into new markets?

Before I started working for Moz in in 2010, the bulk of my local SEO experience had been with small-to-medium business models. Naturally, the advice I was able to offer back then was limited by the scope of my work. But then came Moz Local, and the opportunity to learn more about the more complex needs of valued enterprise customers like Crate & Barrel with more than 170 locations, PAPYRUS with 400, or Bridgestone Corporation with 2000+.

Now, when I’m thumbing through industry tips and tactics, I’m better able to identify when a recommended practice is stemming from an SMB mindset and falling short of enterprise realities, or is truly applicable to all business models. My goal for this post is to offer:

  • Examples of commonly encountered advice that isn’t really best for big brands
  • An Enterprise Local SEO Checklist to help you shape strategy for present campaigns, or ready your agency to pursue relationships with bigger dream clients
  • A state-to-enterprise wireframe for initial hyperlocal marketing research

Not everything you read is for enterprises

When a brand is small, like a single location, family-owned retail shop, it’s likely that a single person at the company can manage the business’ Local SEO, with some free education and a few helpful tools. Large, multi-location brands, just by dint of organizational complexities, are different. Before they even get down to the nitty gritty of building citations, enterprises have to solve for:

  • Standardizing data across hundreds or thousands of locations
  • Franchise relationships that can muddy who controls which data and assets
  • Designating staff to actually manage data and execute initiatives, and building bridges between teams that must work in concert to meet goals
  • Scaling everything from listings management, to site architecture, to content dev
  • Dealing with a hierarchy of reports of bad data from the retail location level up to corporate

I am barely scratching the surface here. In a nutshell, the scale of the organization and the scope of the multi-location brand can turn a task that would be simple for Mom-and-Pop into a major, company-wide challenge. And I think it adds to the challenge when published advice for SMBs isn’t labeled as such. Over the years, three common tips I’ve encountered with questionable or no applicability to enterprises include:

Not-for-enterprises #1: Link all your local business listings to your homepage

This is sometimes offered as a suggestion to boost local rankings, because website home pages typically have more authority than location landing pages do. But in the enterprise scenario, sending a consumer from a listing for his chosen location, to a homepage, and then expecting him to fool around with a menu or a store locator widget to finally reach a landing page for the location he’s already designated that he wanted is not respecting his user experience. It’s wasting his time. I consider this an unnecessary risk of conversions.

Simultaneously, failure to fully utilize location landing pages means that very little can be done to customize the website experience for each community and customer. Directly-linked-to landing pages can provide instant, persuasive proofs of local-ness, in the form of real local reviews, news about local sponsorships and events, special offers, regional product highlights, imagery and so much more that no corporate homepage can ever provide. Consider these statistics:

“According to a new study, when both brand and location-specific pages exist, 85% of all consumer engagement takes place on the local pages (e.g., Facebook Local Pages, local landing pages). A minority of impressions and engagement (15%) happen on national or brand pages. - Local Search Association

In the large, multi-location scenario, it just isn’t putting the customer first to swap out a hoped-for ranking increase for a considerate, well-planned user experience.

Not-for-enterprises #2: Local business listings are a one-and-done deal

I find this advice particularly concerning. I don’t consider it true even for SMBs, and at the enterprise level, it’s simply false. It’s my guess that this suggestion stems from imagining a single local business. They create their Google My Business listing and build out perhaps 20–50 structured citations with good data. What could go wrong?

For starters, they may have forgotten that their business name was different 10 years ago. Oh, and they did move across town 5 years ago. And this old data is sitting somewhere in a major aggregator like Acxiom, and somehow due to the infamous vagaries of data flow, it ends up on Bing, and a Bing user gets confused and reports to Google that the new address is wrong on the GMB listing … and so on and so on. Between data flow and crowdsourced editing, a set-and-forget approach to local business listings is trouble waiting to happen.

Now multiply this by 1,000 business locations. And throw in that the enterprise opened two new stores yesterday and closed one. And that they just acquired a new chain and have to rebrand all its assets. And there seems to be something the matter with the phone number on 25 listings, because they’re getting agitated complaints at corporate. And they received 500 reviews last week on Google alone that have to be managed, and it seems one of their competitors is leaving them negative reviews. Whoa – there are 700 duplicate listings being reported by Moz Local! And the brand has 250 Google Questions & Answers queries to respond to this week. And someone just uploaded an image of a dumpster to their GMB listing in Santa Fe…

Not only do listings have to be built, they have to be monitored for data degradation, and managed for inevitable business events, responsiveness to consumers, and spam. It’s hard enough for SMBs to pull all of this off, but enterprises ignore this at their peril!

Not-for-enterprises #3: Just do X

Every time a new local search feature or best practice emerges, you’ll find publications saying “just do X” to implement. What I’ve learned from enterprises is that there is no “just” about it.

Case in point: in 2017, Google rolled out Google Posts, and as Joel Headley of healthcare practice growth platform PatientPop explained to me in a recent interview, his company had to quickly develop a solution that would enable thousands of customers to utilize this influential feature across hundreds of thousands of listings. PatientPop managed implementation in an astonishingly short time, but typically, at the enterprise level, each new rollout requires countless steps up and down the ladder. These could include achieving recognition of the new opportunity, approval to pursue it, designation of teams to work on it, possible acquisition of new assets to accomplish goals, implementation at scale, and the groundwork of tracking outcomes so that they can be reported to prove/disprove ROI from the effort.

Where small businesses can be relatively agile if they can find time to man-up to new features and strategies, enterprises can become dangerously bogged down by infrastructure and communications gaps. Even something as simple as hyperlocalizing content to the needs of a given community represents a significant undertaking.

The family-owned local hardware store already knows that the county fair is the biggest annual event in their area, and they’ve already got everything necessary to participate with a booth, run a contest, take photos, sponsor the tractor pull, earn links, and blog about it. For the hardware franchise with 3,000 stores, branch-to-corporate communication of the mere existence of the county fair, let alone gaining permission to market around it, will require multiple touches from the location to C-suites, and back again.

Checklist for enterprise local SEO preparedness

If you’re on the marketing team for an enterprise, or you run an agency and want to begin working with these larger, rewarding clients, you’ll be striving to put a checkmark in every box on the following checklist:

☑ Definition of success

We’ve determined which actions = success for our brand, whether this is increases for in-store traffic, sales, phone calls, bookings, or some other metric. When we see growth in these KPIs, it will affirm for us that our efforts are creating real success.

☑ Designation of roles

We’ve defined who will be responsible for all tasks relating to the local search marketing of our business. We’ve equipped these team members with all necessary permissions, granted access to key documentation, have organized workflows, and have created an environment for documentation of work.

☑ Canonical data

We’ve created a spreadsheet, approved and agreed upon by all major departments, that lists the standardized name, address, phone number, website URL, and hours of operation for each location of the company. Any variant information has been resolved into a single, agreed-upon data set for each location. This sheet has been shared with all stakeholders managing our local business listings, marketing, website and social outreach.

☑ Website optimization

Our keyword research findings are reflected in the tags and text of our website, including image optimization. Complete contact information for each of our locations is easily accessible on the site and is accurate. We’ve implemented proper markup, such as Schema or JSON-LD, to ensure that our data is as clear as possible to search engines.

☑ Website quality

Our website is easy to navigate and provides a good, usable experience for desktop, mobile and tablet users. We understand that the omni-channel search environment includes ambient search in cars, in homes, via voice. Our website doesn’t rely on technologies that exclude search engines or consumers. We’re putting our customer first.

☑ Tracking and analysis

We’ve implemented maximum controls for tracking and analyzing traffic to our website. We’re also ready to track and analyze other forms of marketing, such as clicks stemming from our Google My Business listings traffic being driven to our website by articles on third party sources, and content we’re sharing via social media.

☑ Publishing strategy

Our website features strong basic pages (Home, Contact, About, Testimonials/Reviews, Policy), we’ve built an excellent, optimized page for each of our core products/services and a quality, unique page for each of our locations. We have a clear strategy as to ongoing content publication, in the form of blog posts, white papers, case studies, social outreach, and other forms of content. We have plans for hyperlocalizing content to match regional culture and needs.

☑ Store locator

We’ve implemented a store locator widget to connect our website’s users to the set of location landing pages we’ve built to thoughtfully meet the needs of specific communities. We’ve also created an HTML version of a menu linking to all of these landing pages to ensure search engines can discover and index them.

☑ Local link building

We’re building the authority of our brand via the links we earn from the most authoritative sources. We’re actively seeking intelligent link building opportunities for each of our locations, reflective of our industry, but also of each branch’s unique geography.

☑ Guideline compliance

We’ve assessed that each of the locations our business plans to build local listings for complies with the Guidelines for Representing Your Business on Google. Each location is a genuine physical location (not a virtual office or PO box) and conducts face-to-face business with consumers, either at our locations or at customers’ locations. We’re compliant with Google’s rules for the naming of each location, and, if appropriate, we understand how to handle listing multi-department and multi-practitioner businesses. None of our Google My Business listings is at risk for suspension due to basic guideline violations. We’ve learned how to avoid every possible local SEO pitfall.

☑ Full Google My Business engagement

We’re making maximum use of all available Google My Business features that can assist us in achieving our goals. This could include Google Posts, Questions & Answers, Reviews, Photos, Messaging, Booking, Local Service Ads, and other emerging features.

☑ Local listing development

We’re using software like Moz Local to scale creation of our local listings on the major aggregators (Infogroup, Acxiom, Localeze and Factual) as well as key directories like Superpages and Citysearch. We’re confident that our accurate, consistent data is being distributed to these most important platforms.

☑ Local listing monitoring

We know that local listings aren’t a set-and-forget asset and are taking advantage of the ongoing monitoring SaaS provides, increasing our confidence in the continued accuracy of our data. We’re aware that, if left unmanaged, local business listing data can degrade over time, due to inputs from various, non-authoritative third parties as well as normal data flow across platforms.

☑ In-store strategy

All public-facing staff are equipped with the necessary training to implement our brand’s customer service policy, answer FAQs or escalate them via a clear hierarchy, resolving complaints before they become negative online reviews. We have installed in-store signage or other materials to actively invite consumer complaints in-person, via an after-hours helpline or text message to ensure we are making maximum effort to build and defend our strong reputation.

☑ Review acquisition

We’ve developed a clear strategy for acquiring reviews on an ongoing basis on the review sites we’ve deemed to be most important to our brand. We’re compliant with the guidelines of each platform on which we’re earning reviews. We’re building website-based reviews and testimonials, too.

☑ Review monitoring & response

We’re monitoring all incoming reviews to identify both positive and negative emerging sentiment trends at specific locations and we’re conversant with Net Promoter Score. We’ve created a process for responding with gratitude to positive reviews. We’re defending our reputation and revenue by responding to negative reviews in ways that keep customers who complain instead of losing them, to avoid needless drain of new customer acquisition spend. Our responses are building a positive impression of our brand. We’ve built or acquired solutions to manage reviews at scale.

☑ Local PR

Each location of our brand has been empowered to build a local footprint in the community it serves, customizing outreach to match community culture. We’re exploring sponsorships, scholarships, workshops, conferences, news opportunities, and other forms of participation that will build our brand via online links and social mentions as well as offline WOM marketing. We’re continuously developing cohesive online/offline outreach for maximum impact on brand recognition, rankings, reputation, and revenue.

☑ Social media

We’ve identified the social platforms that are most popular with our consumer base and a best fit for our brand. We’re practicing ongoing social listening to catch and address positive and negative sentiment trends as they arise. We’ve committed to a social mindset based on sharing rather than the hard sell.

☑ Spam-ready

We’re aware that our brand, our listings, and our reviews may be subject to spam, and we know what options are available for reporting it. We’re also prepared to detect when the spammy behaviors of competitors (such as fake addresses, fake negative/positive reviews, or keyword stuffing of listings) are giving them an unfair advantage in our markets, and have a methodology for escalating reports of guideline violations.

☑ Paid media

We’re investing wisely in both on-and-offline paid media and carefully tracking and analyzing the outcomes of online pay-per-click, radio, TV, billboards, and phone sales strategy. We’re exploring new opportunities, as appropriate and as they emerge, like Google Local Service Ads.

☑ Build/buy

When any new functionality (like Google Posts or Google Q&A) needs to be managed at scale, we have a process for determining whether we need to build or acquire new technology. We know we have to weigh the pros/cons of developing in-house or buying ready-made solutions.

☑ Competitive difference-maker

Once you’ve checked off all of the above elements, you’re ready to move forward towards identifying a USP for your brand that no one else in your market has explored. Be it a tool, widget, app, video marketing campaign, newsworthy acquisition, new partnership, or some other asset, this venture will require deep competitive and market research to discover a need that has yet to be filled well by your competitors. If your business can serve this need, it can set your brand apart for years to come.

Free advice, specifically for local enterprises

It’s asserted that customers may forget what you say, but they’ll never forget how you make them feel.

Call me a Californian, but I continue to be amazed by automotive TV spots that show large trucks driving through beautiful creeks (thanks for tearing up precious riparian habitat during our state-wide drought) and across pristine arctic snowfields (instantly reminding me of climate change). Meanwhile, my family have become Tesla-spotters, seeing that “zero emissions” messaging on the tail of every luxury eco-vehicle that passes us by. As consumers, we know how we feel.

Technical and organizational considerations aside, this is where I see one of the greatest risks posed to the local enterprise structure. Insensitivity at a regional or hyperlocal level -- the failure to research customer needs with the intention of meeting them — has been responsible for some of the most startling bad news for enterprises in recent recall. From ignored negative reviews across fast food franchises, to the downsizing of multiple apparel retailers who have been unable to stake a clear claim in the shifting shopping environment, brands that aren’t successful at generating positive consumer “feelings” may need to reevaluate not just their local search marketing mindset, but their basic identity.

If this sounds uncomfortable or risky, consider that we are seeing a rising trend in CEOs taking stands on issues of national import in America. This is about feelings. Consumers are coming to expect this, and it feeds down to the local level.

Hyperlocalized market research

If your brand is considering opening a new branch in a new state or city, you’ll be creating profiles as part of your research. These could be based on everything from reading local news to conducting formal surveys. If I were to do something like this for my part of California, these are the factors I’d be highlighting about the region:

California

Enterprises

We’ve been blasted by drought and wildfire. In 2017, alone, we went through 9,133 fires. On a positive note, Indigenous thought-leadership is beginning to be re-implemented in some areas to solve our worst ecological problems (water scarcity, salmon loss, absence of traditional forestry practices).

Can your brand help conserve water, re-house thousands of homeless residents, fund mental health services despite budget cuts, make legal services affordable, provide solutions for increased future safety? What are your green practices? Are you helping to forward ecological recovery efforts at a tribal, city or state level?

We’re grumbling more loudly about tech gentrification. If you live in Mississippi, sit down for this. The average home price in your state is $199,028. In my part of California, it’s $825,000. In San Francisco, specifically, you’ll need $1.2 million dollars to buy a tiny studio apartment... if you can find one. While causes are complex, people I talk with generally blame Silicon Valley.

Can your brand be part of this conversation? If not, you’re not really addressing what is on statewide consumers’ minds. Particularly if you’re marketing a tech-oriented company, taking the housing crisis seriously and coming up with solutions for even a modest amount of relief would certainly be positive and newsworthy.

We’ve turned to online shopping for an interesting variety of reasons. And it’s not just because we’re techie hipsters. The retail inventory in big cities (San Francisco) can be overwhelming to sort through, and in small towns (Cloverdale), the shopping options are too few to meet our basic and luxury desires.

Can your brand thrive in the gaps? If you’re located in a metro area, you may need to offer personal assistance to help consumers filter through options. If you’ve got a location somewhere near small towns, strategies like same-day delivery could help you remain competitive.


We’ve got our Hispanic/Latino identity back. Our architecture, city and street names are daily reminders that California has a lot more to do with Mexico than it ever did with the Mayflower. We may have become part of the U.S. in 1850, but pay more attention to 2014 — the year that our Hispanic/Latino community became the state’s largest ethnic group. This is one of the most vibrant happenings here. At the same time, our governor has declared us a sanctuary state for immigrants, and we’re being sued for it by the Justice Department.

Can your brand celebrate our state’s diversity? If you’re doing business in California today, you’ll need bilingual marketing, staff, and in-store amenities. Pew Research publishes ongoing data about the Hispanic/Latino segment of our population. What is your brand doing to ensure that these customers feel truly served?

We’re politically diverse. Our single state is roughly the same size as Sweden, and we truly do run the political gamut from A–Z here. Are citizens removing a man-made dam heroically restoring ecology or getting in the way of commerce? You’ll find voices on every side.

Can your brand take the risk of publicizing its honest core values? If so, you are guaranteed to win and lose Californian customers, so do your research and be prepared to own your stance. Know that at a regional level, communities differ greatly. Those TV ads that show trucks running roughshod through fragile ecosystems may fly in some cities and be viewed with extreme distaste in others.


Money is top of mind. More than ⅓ of Californians have zero savings. Over½ of the citizens have less than $1000 in savings. We invest more in Welfare than the next two states combined. And while our state has the highest proportion of resident billionaires, they are vastly outnumbered by citizens who are continuously anxious about struggling to get by. Purchasing decisions are seldom easy.

Can your brand employ a significant number of residents and pay them a living wage? Could your entry into a new market lift poverty in a town and provide better financial security? This would be newsworthy! Have ideas for lowering prices? You’ll get some attention there, too.

Obviously, I’m painting with broad strokes here, just touching on some of the key points that your enterprise would need to consider in determining to commence operations in any city or state. Why does this matter? Because the hyperlocalization of marketing is on the rise, and to engage with a community, you must first understand it.

Every month, I see businesses shutter because someone failed to apprehend true local demand. Did that bank pick a good location for a new branch? Yes — the next branch is on the other side of the city. Will the new location of the taco franchise remain open? No — it’s already sitting empty while the beloved taco wagon down the street has a line that spills out of its parking lot all night long.

Summing up

"What helps people, helps business." - Leo Burnett

The checklist in this post can help you create an enterprise-appropriate strategy for well-organized local search marketing, and it’s my hope that you’ll evaluate all SEO advice for its fitness to your model. These are the basic necessities. But where you go from there is the exciting part. The creative solutions you find to meet the specific wants and needs of individualized service communities could spell out the longevity of your brand’s success.


Sign up for The Moz Top 10, a semimonthly mailer updating you on the top ten hottest pieces of SEO news, tips, and rad links uncovered by the Moz team. Think of it as your exclusive digest of stuff you don't have time to hunt down but want to read!



from The Moz Blog https://ift.tt/2IZRnAu
via IFTTT

Passkeys: What the Heck and Why?

These things called  passkeys  sure are making the rounds these days. They were a main attraction at  W3C TPAC 2022 , gained support in  Saf...