• Hamburger menu in the responsive navigation bar – Web design tutorial
    Articles,  Blog

    Hamburger menu in the responsive navigation bar – Web design tutorial

    The menu button is an excellent alternative to horizontally cramming multiple menu links. And it goes by many names. As a visual abstraction, the common menu button can remind us of a hamburger. Or gluten-free pancakes. The menu button is built right into the default Navbar element. And it can be accessed and configured in a number of ways. We’ll cover four aspects of the menu button: we’re going to look at the Trigger itself (what’s happening when we press the button), we’ll look at Device visibility (how it shows up on different devices), then Menu types (some of the options we have there), and finally, styling our menu button.…

  • 301 redirects for beginners – SEO tutorial
    Articles,  Blog

    301 redirects for beginners – SEO tutorial

    301s can change your life forever — if you’re setting up a new webpage or even a full website — especially if you have a different structure. Maybe you’ve reorganized, or maybe you’re replacing the full site and it’s not practical to use the same URLs, or maybe you’ve moved domains completely — or locked up “typo” domains to make sure accidental misspellings and keystrokes still end up taking users to the right place. 301s are meant to more permanently route traffic to a new location. Not to be confused with 302s which can indicate a temporary relocation of a resource, or 511s™, which are a more modern, slim fit.…

  • SEO Title & Meta Description — SEO tutorial
    Articles,  Blog

    SEO Title & Meta Description — SEO tutorial

    Your title and meta description are what usually show up when your page appears on Google. This is a really important step, because it’s sometimes the only shot you have to grab the attention of those who are searching — and it’s used heavily by Google to determine if your page is relevant enough to show up as a result. So for each page, where do we set our title and meta description? In this lesson, we’re going to cover where to set our title and meta description. Let’s start with Title. Let’s open up our Pages panel. And we’ll click to go into the settings on any page. What…

  • verify the ownership of your Webflow site – SEO tutorial
    Articles,  Blog

    verify the ownership of your Webflow site – SEO tutorial

    Google Verification lets us verify ownership of a particular property (like a website or an app) with Google. Once we’re verified, we’re able to submit our property to Google so it can get listed in their search index. This, of course, is the preferred way to do it, even though Google might stumble across your property from a link on another website. Let’s do a quick search for the Google Search Console and bring that up. You’ll want to start here by logging in to your Google account, typing in the URL for the website you’re wanting to verify, and you’ll arrive at a page that looks like this. What…

  • Setting up Google Analytics for Webflow sites – SEO tutorial
    Articles,  Blog

    Setting up Google Analytics for Webflow sites – SEO tutorial

    Google Analytics gives us valuable information about user behavior and interaction. For websites, these include powerful metrics like how many users and pageviews we’re getting, how long people are spending on the site…how many of them are leaving the page without clicking other links. And it’s interesting and sometimes really helpful to see where a lot of our traffic is coming from. What we’re doing here is drilling down into specifics regarding location — where are these users coming from? This example is for the Google Merchandise Store, so naturally we’re getting tons of activity in the Bay Area. There’s so much to explore in Google Analytics, and these metrics…

  • How search works: paid vs. organic search traffic – SEO tutorial
    Articles,  Blog

    How search works: paid vs. organic search traffic – SEO tutorial

    When it comes to search results today, we generally look at two categories: Paid search results and organic search results. Paid search results are essentially ads. With these, your placement is usually based on the amount you’re willing to bid for the ad’s placement, and other factors like the quality and impact of the ad. You can do this through Google, you can do this through Bing, through Yahoo. There are a number of search providers with whom you can set up ads. If you’re a law firm in Albuquerque focusing on intellectual property, you can set up a targeted campaign to drive traffic to your website. If you’re a…

  • Using Fetch as Google – SEO tutorial
    Articles,  Blog

    Using Fetch as Google – SEO tutorial

    Fetch as Google, part of the Google Search Console, lets you simulate how Google will render a published page, and it’ll also let you submit your pages to Google’s index. The goal of course being, to get your site or changes to your site up on Google as quickly and efficiently as possible. Now Google’s pretty good at catching and indexing changes on its own. But there are two really great tools that can help in this department: Fetch… and Index. Let’s start with Fetch. From the Search Console, you can run a Fetch under the Crawl category: specifically Fetch as Google. This tool lets you see how Google renders…