The colors of each button are based on the brand of each social network. You can get these colors from brandcolors.net .
< div class = "share-post" >
< h4 > ] <? php _e ( 'Share' 'theme_name' ) ; ]?> < / h4 >
< to href  = "https://www.facebook.com/sharer/sharer.php?u=<?php the_permalink () ; ?> " ] class = "facebook" target = "_ blank" >
< i class = "fa fa-facebook" > < / i > Facebook
< / to >
< a href = "https://twitter.com/intent/tweet?url=<?php the_permalink  () ; ?> & text = <? Php the_title_attribute ( )
; ?> % 20por% 20 @ ayudawp " class = " twitter " target = "_ blank" >
< i class = "fa fa-twitter "> < / i > Twitter
< / to >
< to href = "https: / /plus.google.com/share?url=<?php the_permalink () ; ?> " class = " googleplus " target = " _ blank "> ]  < i class = "fa fa-google-plus" > < ] / i > to Google +
< / to >
<? Php // We get the URL of the featured image
$ pin_image =  wp_get_attachment_image_src ( get_post_thumbnail_id ( $ post -> ID ) ] 'large' ) ; ?>
< to href = "https://pinterest.com/pin/create/button/?url=<?php the_permalink () ; ?> & media = <? Php echo $ pin_image  [
0 ] ; ?> " class = " pinterest " target = "_ blank" > < i class = "fa fa-pinterest" > < / i > Pinterest
< / to >
< / div > <! – / . share – post – >
With this we have already implemented on our site the necessary links so that our visitors can share content on 4 social networks without the need to install any plugin .
There is nothing wrong with using a plugin for this same purpose, but when all you need is to include four links at the end of Each post, you will find that most of the plugins include a lot of options that you probably will never use. In addition, it is a good exercise to practice your skills in the creation and editing of WordPress themes.
I know, has given me the Whatsapp but it is used a lot and we should not miss a single opportunity to spread our content do not you think?
Well, nothing simpler. You just have to go to the web
whatsapp-sharing.com and create yours in just three steps:
It automatically generates a code that you can place to your liking in the file single .php of the active theme, usually after the loop .
Of course, it's not just for WordPress, you can also use it on any other website, or Blogspot , yourself.
As we saw yesterday the HTML tags that have little or no influence on the SEO I think it's fair to see the HTML tags that do have an influence on SEO .
– It's the most important HTML tag for positioning since it's The name of your document, your website or page, and must contain the main keywords, which define your site or publication. SEO plugins allow to define a different from the publication's owner (
), allowing to offer a visible headline to the visitors, let's say, journalistic, while we make an exact semantic use of the title of the document by means of that, at the end of the day, it will be the text by which the lousers will identify the content and it is the one that you will see in the search results.
The although it is not visible in your publication will always be in the bar or top tab of your browser. Try not to exceed 60 characters or it will not be complete in the search results and, of course, it should contain the main keywords of the document.
– It also has a vital importance for positioning, not only because it should be a compendium of the global content of your publication but because the text within this label will be the visible description in the search results, there is nothing.
A subject Well-designed WordPress will generate the description from the first 160 characters of your publication, or better, using the extract you define specifically. If you prefer, for better accuracy, SEO plugins include a box to define this description, offering a preview of what the search result will look like.
It is vital because, to similar titles, the next thing that will decide a The user of the search engine between clicking on a result or another will be this description, if it is sufficiently attractive and descriptive of the content, especially if it contains the main keywords of the publication, so keep this in mind.
– This label expressly defines the relevant keywords of the publication that, of course, must exist in the content, otherwise you will have a problem, because it would be an unfulfilled promise. Most WordPress SEO plugins offer settings to automatically use Tags as keywords, or else they have a box to enter manually.
Historically this tag has been very relevant because it helps search engines to classify and organize your content, but at the moment it does not have the same importance, because semantically a good title and description are more important.
and – For clarification,
defines a long citation,
refers to a short and incorporated citation and is a reference to an external citation. In fact they can be combined among them, for example:
"here goes the appointment"
< span style = "color: # 222222;" > < blockquote cite = "https://ayudawp.com/" title = "Article title , author, date "> " here goes the quotation " < / blockquote > < / span >
These are relevant labels for SEO because they inform search engines that you are quoting text from another site but with no intention of duplicating it, but citing it, so you will not be penalized for repeating the "appointment". In fact, search engine browsers will ignore the text contained between these HTML tags when considering them as simple quotes to existing content.
– Perhaps the most relevant label, especially nowadays, in the face of positioning, because it defines the paragraphs, where the content is. In itself does not improve or worsens the positioning but if within it will be the most important face of SEO: the content so you will receive special attention from the search engines.
– This label is used to introduce a visible horizontal separator line that should be used when the contents before and after it are semantically different and hence its importance if used well, because that will be exactly what what are you saying to the search engines? If you have noticed my articles I use it when I finish the very content of the subject that I am dealing with and I will introduce another type of content that does not contribute anything to the main content, which would be an example of use in which " we say "to the seekers that from here we talk about something else.
we define a line break, to be used not to separate paragraphs but to define that a content with different semantics is introduced to the previous one and, consequently, the search engines should know that there can be no coherence from this tag semantics between contents. It would come to be, so that we understand each other, a kind of
- The HTML tag of preformatted text is used to indicate that the text contained in it contains the same format as the original content, which is like telling the search engines that it is an inserted content of semantics different from that of the other paragraphs.
- Header tags, from
are the main elements that separate the contents of your document (article / post / entry), just like you would in a document of your word processor. They are important because they introduce a hierarchical relationship between the contents, which tells the searchers if one text is part of the global semantics of another (for example, a
is a sub-section of the previous one
In the code of your site there should only be one
per document, which must come already programmed in the subject, and which will contain the visible headline of the entry or page. Of the rest of "haches" there can be as many as you need to structure the content in its different sections or semantic contents.
and - Both labels apply the format of bold to the text, the only difference is that implies a greater semantic force, not only tells the searcher that " this is painted in bold ". Although at the level of ranking they do not have a great influence if they end up influencing them, since an adequate use of them attracts the attention of the visitor on our content and increases the time of permanence. If, in addition, we highlight a bold link, you will usually receive more clicks, which will also increase your ranking based on the number of hits received.
If it is important that you use them with restraint, highlighting only those words or key phrases that provide semantics and relevance (or keywords ) to your content. When in doubt use instead of because the semantic relevance is greater.
and - These labels cause the text to be seen in italic and placed between the two will always add more semantics than . As with the bold letters, almost more important than their use is where to use them, so that they always imply a differentiating semantic relevance in the content, which would have relevance for the search engines.
- This label, which you will find in the paragraph styles of the WordPress editor, although not very documented, has much to say about local SEO, as it is used in a standard way to define the direction of your business, and you should not dismiss it in absolute.
- Maybe it's the least used tags, but it adds semantic content that searchers recognize and index, so you should not dismiss it. It is used to add a pop-up description when placing the mouse cursor over a text. It is used like this:
< abbr title = "Search Engine Optimization" > SEO < / ] abbr >
- The label to define links is of vital importance for SEO because it is basically the glue of the Internet, which relates some contents with others from different websites, and thanks to the links there is Google, semantics and Web 2.0 as we know it.
Especially important is the part of the link known as anchor text which is the text that will be linked, since it will be the semantic part of the link, the content that will relate the URL to the keywords included in it, so it is a good place to apply bold and use the main keyword or phrase that defines that link. There are also other important attributes that you can apply that will be important in SEO:
- title - text emerging from the link and semantic reference that defines it
- nofollow - attribute that tells search engines that the linked content has little or no relevance with the content of your publication (if nothing is indicated, all the links are follow )
- target - define whether it opens in the same window / current tab or another (_blank)
Its typical use would be this:
< to target = "_ blank" rel  = "nofollow" href = "http://url_a_enlazar.com/" > anchor text ] < / to >
- Lists can be ordered (
) or disordered ( 59059]) and each item in the list will be a
- . These labels, not only because they facilitate usability and because they are attractive to the reader, also have semantic relevance in terms of positioning, since their use is determined to organize elements of relevance and tend to structure key semantic contents, and search engines they know it.
Also, a good HTML structure of a list will be even more relevant if, for example, you make a good correlation and keyword construction strategy, for example:
< ] h3 > < span style = "color: # ff0000;" > WordPress < / ] span > and < span style = "color: # 0000ff;" > SEO < / span > < / h3 >
< ol >
< li > Possibilities of < span style = "color: # ff0000;" > WordPress < / span > < / li >
< li > Virtues  of < span style = "color: # ff0000;" > WordPress < / span > for the < span style = "color : # 0000ff; "> SEO < / span > < / li >
< li > < ] style = "color: # 0000ff;" > SEO < / span > advanced in < span style = "color: # ff0000;" > WordPress ] [ / ) > < / li >
< / ol ]>
- Normally you could consider that this tag, being designed to include non-executable code on your site, should not have an influence on SEO but, on the one hand, it does not it penalizes and, on the other hand, it can improve the positioning of a dedicated site profusely (like this one) to share code, so it would have a plus and relevance for users who use the search engine to locate codes.
- Although in itself the label used for the images does not imply in itself an extra positioning if the fact of using it does, and I mean that the use of images always improves (if well used and adequate clear) the usability of a publication and, consequently, improves its ranking. In addition, the images are a great generator of incoming traffic, especially from the Google image search engine.
Now, it is important that we use the attributes intelligently title and alt in the code of the image, something that is extremely simple in WordPress ( Title and Alternative text respectively in the image insertion screen). The title is important that contains keywords that allow to locate the image from the search engine and the alternative text must be a description of what the image shows, especially relevant for reasons of web accessibility .
There are many more HTML tags, but among those that are obsolete and the little use of others, I think that with this list you have a good review of the most common, and some not so much, that can positively influence SEO of your site .
If you have any doubt or opinion do not cut yourself.
Until WordPress 3.9 there was an option in the advanced settings of the images that we inserted in the entries that allowed define borders and spaces to images just by entering a number, but that option disappeared.
And many users this has made them Easter because it was something they used a lot, although as I said by active and passive is not the right way to do it, because the edges of the images should be a constant in the design of a site, and not something that is added for some if and for others no, at least in most of the usual uses.
But, well, as each site is a world, and here the thing is to give more solutions than opinions, we will see how to add borders to the images if you have already updated to WordPress 3.9.
:: Add go edges to the images using HTML ::
Ok, I know it is not the most friendly or intuitive and visual mode but there it is, it has always been and always will be. If you are comfortable with HTML you can always add borders and spacing to your images by adding the style parameters
border to your images as in this example: