Mostrando entradas con la etiqueta trick. Mostrar todas las entradas
Mostrando entradas con la etiqueta trick. Mostrar todas las entradas

domingo, 27 de noviembre de 2016

How to improve SEO?

In today's article we will talk about the SEO of a blog. Is something that a priori sounds complicated, and depending on what you are looking for is not well explained, but with a few simple tips we can improve. They are easy tips and do not require knowledge.

Source: twitter.com
1- Optimize titles

It is very complicated when using few useful titles for both SEO and the user, we need something clear and that people can easily find on Google.

The important thing when writing your title is to know what you are going to write about, clear the keywords of your article to make it easier and more intuitive. We must have some things in mind:

a) What is the topic of your article?: Use it in the title.
b) If try to solve a question your article, try adding it to the title: "How to improve...", "Tips for...", "How to do...", etc.
c) If you write a title with more than 70 characters you are doing the wrong part of SEO. Google only takes the top 70 in their searches.
d) Include the keyword of your post the most glued to the left of the title, without losing the title sense.

2- Optimizes URLs

Most likely you are using Blogger or Wordpress, so if you use the URL's of them by default, you are doing it wrong.

It is because they use either the name of the post, or the date of creation, so we make it difficult to search for people who need an article like ours and it will be difficult to appear in the first few pages.

We will be able to improve the titles as follows:

a) Do not leave the URL by default, we can edit it without problems.
b) We will eliminate irrelevant words, such as articles or prepositions.
c) Use dashes (-) instead of low bars (_)
d) We must not use strange characters like ú (Accents).
e) We must include the keyword in the URL
f) The secret is to get the shortest possible URL without taking away the meaning.

3- Links of the Blog

Something that is important and often overlooked, is to add links to previous articles related to it, such as when we talk about the Drop Down Menu (I have already pasted a link). This way you give the reader more information about the topic he needs.

4- Optimize images

As we know, images are essential in an article, although sometimes not used, are highly recommended.

Many times if you do not know what you are looking for you can try to find it in pictures. So with the following steps we will improve the SEO with the images:

a) Use concise yet descriptive names.
b) Add the "alt" tag on all images, Google cannot "read" the images so it identifies the image by the surrounding text or by the tag "alt".
c) As always, do not abuse keywords, use only the necessary ones.
d) Optimizes the size and weight of images, often upload images with too much information that is really no good.

5- Be regular with your posts

If you look, Google has optimized its algorithm giving preference to newer links, above the old, understanding that the user is more useful.

Whatever you do NEVER change the image and title to an article and re-publish it, Google realizes right away and will penalize you.

As curiosity or advice, the important thing is not only the above, obviously we need to create quality content so that the reader feels at ease and visit you frequently.


What do you think? Do you use other tricks to improve your SEO? Will you use these tips? Share your comments with everyone, sure to bring out very interesting things.

lunes, 21 de noviembre de 2016

3 tricks to hook with your readers

In today's article we will talk about three resources that will be very useful and effective. it is possible that you already know them, if so, stay to refresh knowledge or give your point of view about it.

To succeed with your book, whether to win readers or money, what you need is quality. However much marketing you do, for much money that you invest in a beautiful cover, in reviews and corrections ... If it is not good material it will not serve you.

What is the meaning of narrative resources?

Before discussing them, let's talk about the meaning they have. The truth is that it is simple, they are used to get the reader to stay until the end of the story, because as you know, the first rule is NOT to bore the reader.

We could say that literature is like a drug, you must create that addiction so they cannot stop reading you.

1- SECRET

It is the first of the three resources that we will comment on. We all know what a secret is. The question is how to make sectrets a narrative resource?

We will succeed in letting the character of our story know something that the reader does not know. This character, main or not, keeps a secret: Has information on something concrete that readers do not know, so you will get them interested to know it.

Hold until the reader needs to know and reveal it, but do not forget to generate new ones so that he remains interested.

2- SUSPENSE

We must get ahead of the sense of danger. That is, if a bomb explodes suddenly, you will produce a surprise effect with a momentary shock.

You will have a great impact, but only during the second that lasts the explosion. You can use surprise as a narrative resource, of course, but with caution.

The important thing should not be the bomb that explodes, get the reader to feel the countdown, that tic tac that despairs them and does not stop Reading. You'll make her worry about the fate of the characters.

Now, what is the difference between sectret and suspense? That the suspense is when the reader knows something that the characters do not know.

Remember that not only do these resources serve for action novels, you can use them in novels of any type.

3- MYSTERY

We reach the third and last point. We speak of the mystery, when it is the information that remains hidden for both the characters and the readers.

It's a good way, too, to connect your characters with the reader. That way you get them to discover the mysteries together.


What do you think of these resources? Will you use them or have you used them? Do you think there are better resources? Do not hesitate and comment on your experiences, sure that together we get something more.

domingo, 20 de noviembre de 2016

Drop Down menu for Blogger

In today's article we will talk about the drop down menu for your blog, something very useful and intuitive for the readers, this way they can select what they want to read without problems.

What is it for?

It is a tool that will help us to organize efficiently, grouping by categories, the contents of our blog.

Before you begin, remember to make a backup in case you regret it.

1- Copy the following code, why? Good question. It is the structure of our drop down menu:

<ul id="Menublog">
 <li><a href="#">Normal Menu1</a></li>
 <li>
 Drop Down Menu
 <ul>
 <li><a href="#">Submenu 1</a></li>
 <li><a href="#">Submenu2</a></li>
 <li><a href="#">Submenu3</a></li>
 </ul>
 </li>
 <li><a href="#">Normal Menu2</a></li>
</ul>

2- Once copied, we go to the editor of blogger and click in Design.
If you already have a menu (Crosscol, pages) you can delete it (Whenever you have backed up if you do not like the new one).

3- We stand in front of Cross-column or Multicolumn and clicked on adding a gadget (It must be just the one under Header):

The gadget to add is HTML/JavaScript:

In the window that opens, paste the code:
4- Now that we have it and before saving, we must put it as we like, So we need two elements:

A) Structure of the menu

Simple button: It is the code <li><a href="#">Normal Menu1</a></li>

Button with Submenu: It is the code
 <li>
 Drop Down Menu
 <ul>
 <li><a href="#">Submenu 1</a></li>
 <li><a href="#">Submenu2</a></li>
 <li><a href="#">Submenu3</a></li>
 </ul>
 </li>

Tip: If you want "Dropdown Menu" also has a link, we must put it like this.
<li>
 <a href="#">Drop Down Menu</a>
 <ul>
 <li><a href="#">Submenu 1</a></li>
 <li><a href="#">Submenu2</a></li>
 <li><a href="#">Submenu3</a></li>
 </ul>
 </li>

B) Menu ítems:

<a href="#"> : We must replace the pad (#) by the link we want, remember NOT to erase quotation marks. For example, if we want to put it on the main page, we would create the simple menu: <li><a href="https://writepleasure.blogspot.com.es/">Start</a></li>. The same thing happens with the drop down menus, adding the categories or sections.

Once the changes are made, do not forget to save.

5- Here we are not finished yet, for now we will see it misconfigured. Let's go to the editor again and click on Template:
Click on Customize and then click on Advanced.We scroll and use the last option we have, Add CSS:

And paste the following code:

/*Drop down menu for The pleasure of writing*/
.tabs-inner .widget ul#ybmenud {
 text-align: left;
 display: inline;
 margin: 0;
 padding: 15px 4px 17px 0; /* Padding space of the menu buttons */
 list-style: none;
 border:none;
}
.tabs-inner .widget ul#ybmenud li {
 font-size: 12px/24px; /* Font size of your menu */
 font-family: sans-serif; /* Font of your menu*/
 display: inline-block;
 margin-right: -4px;
 position: relative;
 padding: 12px 20px;
 background: #b8b8b8; /* Background color of your menu */
 float:none;
 cursor: pointer;
 -webkit-transition: all 0.2s;
 -moz-transition: all 0.2s;
 -ms-transition: all 0.2s;
 -o-transition: all 0.2s;
 transition: all 0.2s;
}
.tabs-inner .widget ul#ybmenud li a {
padding:0;
font-family: sans-serif; /* Letter for menu links */
border:0;
}
.tabs-inner .widget ul#ybmenud li:hover {
 background: #94b1b4; /* Background color for when you hover your mouse over the button on the bar */
 color: #fff; /* Color of the letter when passing with the mouse above */
}
.tabs-inner .widget ul#ybmenud li:hover a {
 background: transparent;
 color: #fff; /* Color of the letter when passing with the mouse above */
}
.tabs-inner .widget ul#ybmenud li ul {
 z-index:1000;
 border:none;
 padding: 0;
 position: absolute;
 top: 45px;
 left: 30px;
 float:none;
 width: 150px;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 display: none;
 opacity: 0;
 visibility: hidden;
 -webkit-transiton: opacity 0.2s;
 -moz-transition: opacity 0.2s;
 -ms-transition: opacity 0.2s;
 -o-transition: opacity 0.2s;
 -transition: opacity 0.2s;
}
.tabs-inner .widget ul#ybmenud li ul li {
 background: #94b1b4; /* Background color of the sub-menu tabs */
 display: block;
 color: #fff; /* Color of the letter of the sub-menus */
 text-shadow: 0 -1px 0 #000;
}
ul#ybmenud li ul li a{
 color:#fff /* Color of submenu links */
}
.tabs-inner .widget ul#ybmenud li ul li:hover {
 background: #a9bcbe; /* Background color when you hover over the sub menu */
}
.tabs-inner .widget ul#ybmenud li:hover ul {
 display: block;
 opacity: 1;
 visibility: visible;
}
Once pasted, you can make the changes that you think necessary in terms of colors and letters to adapt it to your blog.


What do you think? Have you tried it? Would you add some more step to facilitate its use? Do not hesitate to leave your comments, we will all be happy to read them.