Web design criteria are SEO friendly

      Comments Off on Web design criteria are SEO friendly
Web design criteria are SEO friendly

Web design criteria are SEO friendly

Web design criteria are SEO friendly

If the website we have is likened to a house, then before we invite other people to visit, we first want to make sure that our house is worth a visit, right?

For example, we definitely want to make sure that our house is clean, neat, and of course makes guests feel comfortable. Likewise with the website. Before we promote and invite people to visit, have we checked the structure, layout, and design of the SEO Friendly website we have?

Indeed, the design of a website can affect SEO? Of course. But, before we ask about whether Google will index our website, the thing that must first be asked is whether our website is worth a visit by readers?

Structure, Layout, and Website Design

Before we discuss the design of web sites like what is friendly SEO, try visiting popular sites and see their design as a whole. The structure, the layout, how they put the image, and others. Learn carefully what makes their sites have many visitors.

For those of you who are not so familiar with the difference between the structure, layout, and web design, here we provide a few reviews.

Website structure

Broadly speaking, the structure of a website is an arrangement or frame of website navigation. Another understanding is how to deliver information flow to the reader at the same time to the machine. The goal is clear, so that our website is easy to understand.

According to Hadi Sutopo in his book Flash programming with PHP & MySQL, there are 4 types of structures of websites: linear, hierarchy, spoke-and-hub, and full web models.

Silo structure

There is also called a structure silo that is more effective for optimizing SEO. The pattern is almost the same as the hierarchical structure, but more dynamic. The page is divided per category and is divided back in subcategories.

Website layout

Layout is the preparation of design elements related to a field so as to form an artistic arrangement. This can also be called form management and fields. (Gavin Amborse & Paul Harris, London 2005)

Just like the structure, the purpose of the preparation of web elements is that the flow of information is easily accepted by the reader. Simply put, the basic element of a website is a header, navigation, content, sidebar, and footer.

Website design

Website design is often interpreted as only visual aspects, even though the web design is more complex than that. Web design includes information flow, web structure, interface design, navigation, layout, color, responsive, and typography.

In other words, web design is the whole element that includes the appearance of your website either looks for users and for search engines.

SEO Friendly website design

Google itself states that the design of a web is one of the factors that determine the ranking. Web design must be easily accessible and easy to use, in other words user-friendly. With regard to structures, layouts, and web design, there are a number of steps we can do to optimize SEO.

1. User Experience.

Imagine if you are visiting other people’s websites. What do you expect? You certainly expect an easy-to-use website, equipped with relevant navigation so you don’t “get lost” on the website, equipped with search features, and others.

User Experience (UX) is how the reader or user (user) interacts with our web. For example, how long the reader is on your web, what pages are visited, which links are clicked, and others. Apart from interesting content, an easy-to-use site will also make readers at home lingering on our website.

UX is one of the factors of Google algorithm because Google considers when someone accesses a website for a long time, then the person gets a good user experience and gets the desired information.

Conversely, if Google finds users who leave a site in a fast time (high bounce rate), then they will assume that the user does not get a good user experience and does not get the desired information.

User Experience Optimization

Here are some aspects that must be considered in User Experience optimization:


Make interesting and informative content. Typo minimization and misspelled. Use punctuation wisely.

Content structure

For content into subheading, subsubheading, so that readers can distinguish between the main topics with subtopics. If necessary, use a numbered and bulleted list.


Fix the website structure using easy-to-use navigation so that readers (also search engines) easily get the information they want.


Fix the display of the website as a whole. For example, choosing a comfortable color in the reader’s eyes, interesting design, informative layout, selection of letters, and others.


It’s important because not all users read our website on a computer screen, some read it on the smartphone or other device screen.

2. Website layout is user friendly

The SEO-Friendly website must have a user-friendly layout. Just like the principle of design in general, layout or layout of a website must also pay attention to basic principles such as:

  • Sequence: the order of attention or information flow.
  • Emphasis: emphasis on certain parts or highlight the most important things of layouts.
  • Balance: Layout field settings (symmetrical and asymmetrical techniques).
  • Unity: Unity of all layout elements.
Website navigation

Basically, the website layout depends on the needs of the website itself. However, there are several basic elements that you should be fulfilled to create a SEO friendly website:

  • Navigation – navigation in the form of links that make it easier for readers to explore your website. You may use one navigation at the top or use both. If you use two navigation, place topics that are more common at the top and more detailed topics on the left side of the page. Another way is to make the drop down menu navigation.
  • Table of Contents – Table of contents placed at the beginning of each of the main pages will make it easier for readers to find what they are looking for.
  • Sitemaps – Sitemaps contains navigation information as a whole.
  • Las Updated – Contains information when the last time your website is updated.
  • Sidebar – You can put important information or links in the sidebar. For example, widgets / subscriber gadgets or ongoing promos.
  • Breadcrumbs – provide information to the reader where they are.
  • Search button – Not all readers know exactly what they are looking for on your website, that’s why the “Search” button is needed. With this button the user can search for content based on words or phrases.

3. Tags.

Divide content into some parts not only makes it easier for users to digest information, if used correctly, the distribution of content and the use of tags can also boost SEO.

Title Tag

Title tags will be seen in several places, including in the URL and search results. That’s why using keywords or keyword phrases in the tittle tag affects SEO.

H Tag

Headings, Subheadings, or Heading 1, 2, 3, etc.

Alt Images Tags.

Search engines cannot read images. Alt tags function to communicate images that we put on search engines so that they can read them.

4. Keywords

This is not about how many keywords you use, but which keywords and where you put it. Apart from the title, the most strategic place to put keywords is in the content. Where?

  • First paragraph.
  • Subtitle.
  • Last paragraph.

Avoid using keywords repeatedly in one paragraph because it will be considered keyword stuffing.

5. Comprehensive content

When creating content, sometimes we just be piled up to the content quantity rather than the quality of the content itself. Even though the most important thing is how a topic is discussed comprehensively (complete and complete).

For example, when we discuss the topic of the blog monetization tip, of course we need to discuss it completely from what is monetization, what is the type, and how.

Unlike when we discuss about how to make orange juice. We do not need to discuss the history of oranges or orange-producing areas (unless they discuss it). What we need is to explain the material, dosage, method of making, and how to present. No need to spend up to 2000 words.

6. Internal and external link

Internal Link is a link that connects one page with other pages that are on our website. It also functions as a “bridge” for Google Crawlers. While the external link is a link that connects our website with other websites.

7. Mobile Friendly

The more days, smartphones are increasingly used, not only as a communication tool, but also a tool to access information.

If you have noticed the device category on Google Analytics, you can find how many users access your website and what devices they use.

Why is it important to have a mobile-friendly website?

  • Because Google is concerned with the user experience, the design of a mobile-friendly site is one of the factors that affect ranking.
  • Desktop display is hard to read on the mobile phone and it will make it difficult for readers, often makes them upset and don’t want to go back to your site.

Responsive Design

Responsive Design is a type of setting that uses the same HTML code for each device, which is adjusted is only the size (using the CSS code). In other words, the web display will automatically change, according to the device used. This type of setting is most recommended by Google.


  • Use templates that have responsive settings. If not, you can contact your web designer.
  • Make sure that you don’t use robots.txt to block Google Crawlers.
  • Avoid using multimedia that cannot appear on mobile phones such as flash or other media players that are not compatible for mobile phones.
  • Check the look of your website on various devices to ensure the responsive settings work well.

Thus discusses the design of SEO-friendly websites. In order for your business to grow and increase the number of customers you don’t forget to advertise through the Froggy Ads service, you can start by advertising your product, so that later you can improve visitors in your online business portal. FROGGY ADS is an online advertising service that can help you control all your product campaigns. Helps you target the targeting target you want and give you many choices to market your product.