Development
Simple SEO Elements Demystified
Are you totally overwhelmed by the idea of SEO (Search Engine Optimization)? It may seem like some big scary concept that you will never grasp, but I’m going to try to simplify it a little big for you and provide some tips for preparing your content.
What is SEO?
First, let’s dispel a couple assumptions you may have.
- There aren’t any SEO tricks that will get you on the first page of Google. Getting on the first page of Google involves lots of quality, targeted content (which we’ll discuss) and a diverse marketing plan.
- SEO does not involve paying for ads (that would be the SEO’s sister, SEM [Search Engine Marketing]). That’s right – SEO is totally free!
[bctt tweet=”#SEO is the act of preparing content to be read and indexed by search engines.” username=”jess_creates”]
As powerful as search engines are, they are only capable of reading the data you provide for them. They cannot “see” images and their assumptions about what your content is about may (or may not) be accurate.
So, you have to make sure you are providing the data search engines need to fully understand who you are, what you do, and what you’re trying to say.
You are probably already implementing SEO without even knowing it. Following are some key elements to make sure you’re including in every page or blog post that you create.
Essential SEO Elements
Keyword(s)
Gone are the days that you can fill your page with keywords and easily rank at the top of the search results, but that doesn’t mean they are no longer important.
Instead of worrying about the SEO impact of your keyword(s), think of them simply as the subject for your content.
Specifying a keyword (or two) for your page or post may have little effect on your search engine ranking, but it will have a huge impact on the way you prepare your content. Use keywords naturally as you write to keep yourself, your readers, and search engines aware of the overarching topic.
Page Title
Not to stress you out, but your page title is one of the most important aspects of your content. Page titles are one of the best ways to tell search engines and readers alike what your content is going to be about.
A good page title should include your keyword(s), an honest representation of what the page is about, and be attention-grabbing.
Page Description
Page descriptions have little to no impact on your search engine ranking, but they are still a very important piece of SEO.
Looking at a search results page, the most prominent components are page titles and descriptions. The page title is probably what you look at first, then skim the description to decide if the page is worth visiting.
Typically, if you don’t specify a page description the search engine will pull the first couple sentences from your content. Depending on how you write this may be OK, but I prefer to have more control over what someone sees in their search results. I tend to think of my page description as though it were a subtitle – using it to provide more detail about the content while increasing the intrigue.
Headings
Because search engines only know what you tell them, you have to help them understand the order of importance on your page. The best way to do this is through the use of headings.
In most text editors you will have the option to either make your copy a paragraph or heading. Typically you will be given heading number options from 1 to 6.
These heading numbers are important not only from a styling perspective but for SEO. Heading 1 is to be used for the most important topic, followed by heading 2, 3, etc.
A good way to plan your heading usage is to think of an outline. The title of your outline would be heading 1. The first level bullet points would be heading 2. Second level bullet points would be heading 3 and so on.
Under each heading, there will probably be supporting content which typically will be given the “paragraph” property.
Alt Tags
Remember when I said search engines can’t “see” images? Fortunately, there is a way to tell a search engine what your image is about.
Alt (or alternate) tags give search engines a description of the image so they include that data in the analysis of your page.
Most content management systems (WordPress) provide a field for alt text when you insert an image into your content. Try to use your keyword in your alt text if it makes sense, but most importantly provide an accurate description of the image and/or its purpose.
Transcript
With the rise of video comes the increased importance of transcripts. Like images, search engines are unable to decipher the content in a video without a little help from you.
The easiest way to tell a search engine what your video is about is to provide a transcript. Not only will a transcript help search engines, it will be appreciated by people (like me) who prefer to read content and by those who are hearing impaired or are on low bandwidth networks.
It All Comes Back to Content
At the end of the day, everything you put on your website comes down to content.
[bctt tweet=”Your priority should be providing quality content for your dream clients.” username=”jess_creates”]
It doesn’t matter if you’re number one on Google if no one wants to read what you have to say.
One More Tip
If you’re a WordPress user like me, I highly recommend the Yoast SEO plugin. It will help you easily assess your content for keyword usage and provide other useful SEO tips specifically for your content.
May I ask you a quick question?
[formidable id=”16″]
Three Tips to Make Your Web Developer Love You
Hey, web designers – I’m talking to you! Do you want better projects and happier clients? How you work with your web developer may be the key to doing the work that you want to be known for.
Last week I wrote about things clients can do to make you (the web designer) totally fall in love, but what do you need to keep in mind when working with your developer?
Do you know how to make your web developer fall head-over-heels in love with you?
Communicate
Unsurprisingly, communication is key in a successful project. This is especially true in web development projects (particularly if you’re not totally familiar with the ins-and-outs of the system).
It is important that you discuss the project with your web developer early and often. Ask lots of questions and make absolutely no assumptions. A task that you and your client think is something “small” may actually be a really big deal for the developer.
[bctt tweet=”You should communicate with your developer from project scoping through launch.” username=”jess_creates”]
Manage Your Project
Your web developer has probably committed time to you (or your client) based on the date you said design would be completed, so it’s imperative that you do everything in your power to deliver on that date.
Now, we all know that sometimes things don’t go as planned and projects get delayed, but by making an effort to improve your project management you can keep the project moving at a steady pace.
Beyond keeping projects on time, you also have to continuously work to keep them within scope. Changes and additions to the site (especially once development has begun) can create big challenges for the developer – and implications for you and your client.
Provide Quality Assets
Your web developer will no doubt need lots of assets from you – design files, images, copy, style guide, etc. Give the execution and organization of these files the attention they deserve.
Aside from everything you are creating for your client, keep in mind the assets your client needs to provide. Make sure you are including the collection of these items in your project management, and, ideally, collecting them well ahead of the time your developer will need them.
When you provide your web developer with all of the assets they need, in the format requested and on time, you are helping her spend more time on what you hired her to do – develop the website!
Don’t Hire a Web Developer – Partner with One
When you’ve found a good web developer your relationship will feel less like you’ve hired someone, and more like you’ve found a partner.
Working together you will be able to create beautiful, well-executed websites for your dream clients, without the frustrations of poor communication and delays.
P.S. Are you a web designer looking for a web development partner? Let’s chat!
How to Measure Images with Chrome Developer Tools
Today I’m going to address a question that I get asked a lot by web designers.
“What size does my image need to be?”
Often when editing an existing website there are images that need to be replaced and designers want to make sure the new image is the right size (or aspect ratio) to keep the design intact. I’m going to show you how to use the Chrome Developer Tools to find the size of any object on a web page, but specifically in this example an image.
First you have to open Chrome Developer Tools. You can do this by opening the Chrome menu (three little dots at top right of browser) and selecting “Moor tools” then “Developer tools.” My preferred method of accessing the toolbar is actually just pushing the F12 key on my keyboard because I open and close the developer tools a lot when I am working.
Once you have the Developer Tools open, click the inspector button (top left of developer toolbar) then hover over the element you want to measure.
Keep in mind that responsive elements on a website will change size based on your screen resolution and/or window size. So, if you make your window smaller, you will see the element size change.
If you have you have other questions like this, let me know and I’ll address it in a future post!