Lesson List
UX Design for Developers
Even though we hear everywhere about UX design, we still don’t have a global understanding and definition of UX design. UX covers a broad range of disciplines and skills, such as testing, research, prototype, interactions, visuals, sounds, accessibility, animations, wireframes, developing user journey, user flows, information architecture, sitemap, etc. UX, in short, is all aspects of a product/service as experienced by the users. What does a UX designer do? The UX designer's mission is to develop products that fit perfectly in people's lives, products that have a human-centered approach, and help users achieve their goals. UX designers work on making computer-human interactions as smooth and “human” as possible.
0/20
Source Code & Books
0/1
Lesson: SEO
About Lesson

SEO stands for Search Engine Optimization. It’s the practice of optimizing web content to be discovered in a search engine’s organic search results. The largest search engine out there is Google, but you should know that there are dozens of other ones like Bing, DuckDuckGo, Ecosia – and even Youtube is a search engine, but for video discovery.

What’s behind a search engine?

Search engines use sophisticated and unique series of algorithms to return the best and most relevant results for any given term in a fraction of a second. According to Google’s documentation, these algorithms look at many factors such as the wording of your search query, relevance, freshness of content, UX, domain authority, location and settings.

SEO Main Benefits

An efficient SEO strategy will help you rank higher in search engine results pages – also known as SERP – increasing the quality and the quantity of traffic. The organic traffic you get from your SEO efforts is freeconsistent once you reach in the top results, and targeted. People who land up on your page are already interested in the content you offer, therefore your **will have a bigger chance to **increase conversion rate.

How To Implement an Effective SEO Strategy

The main pillars for a successful SEO strategy are:

  • Keyword Research: understand what your audience wants to find, using tools like Keywords Google Planner, Ahrefs, Semrush.
  • On-Page SEO: optimize your written content for users and search engines (title tags, content, alt-tags, UX, internal links and URLs.)
  • Technical SEO: optimize your website for crawling and indexing.
  • Link Building: to earn trust and authority with search engines, you’ll need other credible sources linking to your pages. This will make Google trust your website more and help you rank higher.

Exercise: Optimize Images for SEO

Image optimization will help you fully optimize an image for search engines, helping you increase your ranking and speed up page loading, which is crucial for UX.

SCALE YOUR IMAGES

Images with a higher resolution and large pixel dimensions slow down your page loading time. That’s why you need to resize your images to be in line with your site’s max-width dimensions. Let’s say we need to scale down this image to 720px in width.

We’ll use a free tool, Adobe Photoshop Express.

NAME YOUR IMAGES

You need to name your file with a relevant short title that contains your target keyword. Let’s say we want to optimize for “paleo pancake recipe”. The name of the image should contain our keyword like this: “paleo-pancake-recipe”. Use hyphens to separate the words.

CHOOSE THE RIGHT FILE TYPE

For photos or illustrations, it’s recommended to use .jpeg because it will give you a smaller file size. If your image has transparent background, use .png. For logos and icons, always use SVGs. In our case, we’ll use jpeg.

REDUCE FILE SIZE

You also need to make sure the file size is not too big. You can use paid tools or any free tools like Impageoptim or Optimizilla to compress your images. If you use WordPress, try the Smush plugin.

USE DESCRIPTIVE ALT TEXT

The “Alt tag” is crucial to image optimization and ensuring that a descriptive text will appear in case the image can’t be loaded. It’s also important for visually impaired people that use screen readers. Be descriptive and specific. Example: ”Plate of fluffy pancakes topped with fresh blueberries, raspberries and powdered sugar.”

 

Exercise Files
No Attachment Found
No Attachment Found
Join the conversation
Lesson List
UX Design for Developers
Even though we hear everywhere about UX design, we still don’t have a global understanding and definition of UX design. UX covers a broad range of disciplines and skills, such as testing, research, prototype, interactions, visuals, sounds, accessibility, animations, wireframes, developing user journey, user flows, information architecture, sitemap, etc. UX, in short, is all aspects of a product/service as experienced by the users. What does a UX designer do? The UX designer's mission is to develop products that fit perfectly in people's lives, products that have a human-centered approach, and help users achieve their goals. UX designers work on making computer-human interactions as smooth and “human” as possible.
0/20
Source Code & Books
0/1
0% Complete