Search result page eye tracking and blog post title

Let's take a look at how the blog post will be displayed in search engines through eye tracking results and how to specify HTML TITILE and DESCRIPTION KEYWORD in WordPress.


Document Title (TITLE in HTML)

Next up is Yahoo! I captured the article on my blog among the results of searching for 'USB watch' in Korea and Google.


Yahoo! Korea's search engine

Yahoo! Title of Korea Search Results


Google's search engine

title of google search result


The title of the document is 'USB Clock and Portable FireFox', but you can see that the actual document title is displayed after 'dobiho on HCI Blog Archive' when viewed in a search engine.

This is because 'dobiho on HCI Blog Archive' was additionally displayed in the title of the original article in the HTML TITLE, not the search engine.


Where do people look when they see a search results page?

When people view a search results page, they usually scan the front pages of the links in the search results.

However, people who are looking for 'USB clock' in my blog post often see dobiho on HCI on the front rather than 'USB clock', so the 'USB clock' on the back is bold, but there are cases where it goes too far.

google search result eyetracking


You can understand this well by doing an eye tracking study. In some cases, the eye scans from the front of the link on the search results page to the right, but in many cases it goes down directly in front of the link.

Yahoo! It can be seen better by looking at the movement of the eye in the eye tracking results for the Korea search page, but it seems that it cannot be disclosed to Borg yet. instead Google search result page heatmap serviced by eyetools You can see the same result by looking at

heatmap is an analysis method of Eyetools that shows what % of people have seen it. In the figure, red indicates the area seen by 100% of the participants.

The picture shows Google's Golden Tiangle. The front of the link is in red, so you can see that people are looking at the front of the link and only looking at the top part of the page. If you click on the picture below, you can see a larger image in a new window. Scratched letters are also in red, so you can see that people are also seeing bold letters.

Most WordPress themes have the blog name >> Blog Archive >> article title as shown in the picture.

The ones displayed as above on the search results page seem to be posts made by the blog system, and they seem to be mostly posts from blogs using WordPress.

When viewing a page with a browser, no matter how it is displayed in the browser's title bar, the title of the document is displayed on the page, so there is no big problem. The problem is when it is shown in search engines and when the article is bookmarked. There are rules for specifying this in the title bar text of Windows. We will look at this again later.


In order to be displayed in search engines, it is better to have the title of the document appear first rather than the blog name, and to omit 'Blog Archive'. Then, when bookmarking or showing in search engines, the actual document title will appear first, which will be effective in distinguishing documents. In addition Yahoo! My Web 2.0 It seems convenient because the document title appears first even when saving a web page in .


How to change document title in wordpress

To change the title in WordPress, follow these steps:


1. Open header.php of the theme. If you look at the title section, it is as follows.

<?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?>

2. If you want the home page to appear as the blog name, and the list and articles to appear as title – blog name, follow the steps below.

<?php if (!is_home()) { wp_title(”); echo ” – “; } ?> <?php bloginfo('name'); ?>


2. Description (DESCRIPTION meta tag)

And people look for keywords in document titles in search results, but look at descriptions to find what they are looking for. Usually, the description indicates the DESCRIPTION of the META tag or keywords from the body.

If you look at the description other than the title of the document shown in the search engine results, in the case of my blog, the introduction to the blog appears first.



Looking at the reason, the blog description is included in the DESCRIPTIN of the HTML META tag of every page of my blog, but the search engine makes it visible first, and then the content of the main body with the keyword is displayed next. Instead, if there is no DESCRIPTION, it seems to just display the body.

There is a field where you can write a summary when you write every post so that you can decide whether to show part of the content of the main text or the summary in the RSS of your blog. WordPress has an abstract input area called excerpt. I thought it would be nice to show this field in DESCRIPTION on every page.

However, when a search engine shows keywords found in the body, the content of the DESCRIPTION meta tag may interfere again. This is because the semantic summary of the page and the context in which keywords are used in the body may be different.

So, except for the home, I thought that omitting DESCRIPTION would be better for understanding the context in the text.

The title of the article should come first, as shown below.

title of google search result


How to edit page description in wordpress

To fix this in WordPress

1. Open the header.php file opened above

2. Delete the meta tag part, and code so that the DESCRIPTION tag is shown only at home as shown below. In the content part, you can edit the description of your blog.

”; } ?>

3. Keyword (KEYWORD meta tag)

If you look at the meta tag of HTML, there is a KEYWORD part. It would be better if this part were to indicate the keywords of the article. In order to display tags in posts like my blog, you need to install a plugin. tag plug Jerome's Keywords Plugin to install

In Home, the keywords of the blog specified in WordPress are displayed, and in each post, the keyword of the corresponding post is displayed in the meta tag.

Setting keywords for pages in WordPress

To do this in WordPress, do the following:

1. Open header.php and change the KEYWORD Meta tag part as follows. The the_keyword() function below displays the keyword and category name entered in the keyword field in the relevant article. To use the_keyword(), tag plugin Jerome's Keywords Plugin This must be installed.

“; }?>

“; ?>


0 If you like the article, please click the heart~ It will be a strength to bloggers (SNS/login/advertising is not related)

Articles you might like

Health to Calendar

Import your Apple health records into your calendar events and view your health records chronologically on your calendar

Add a Comment

Email addresses are not disclosed. Required items *is indicated by

This posting is part of Coupang Partners' activities, and a certain amount of commission is provided accordingly.