Showing posts with label Website. Show all posts
Beautiful Css3 Social Widget with Hover Effect
Tag line start: Css3 Social Widget .Blogger widget,latest blogger widget, Css3 fb like box for blogger gadgets for blogger ,latest blogger widgets,latest widgets for blogger,blog widgets,widgets for blog,social sharing button for blogger , Google plus widget for blogger, Facebook button for blogger,cool widget for blogger,Spiceupyourblog: Tagline End! Add a social subscription widget is very effective to attract the attention of your visitor including new towards the blog or websites. It also helps to get more traffic effectively
Beautiful Social Widget for Blogger
- Goto on blogger dashboard
- Click on Layout tab
- Click on Add a Gadget
- Copy below code on HTML/JAVASCRIPT editor
<style type="text/css"> #buttonbg {width: 260px;margin: 10px 20px;padding: 0;} #buttonbg li {cursor: pointer;height: 48px;position: relative;list-style-type: none; } #buttonbg .icon {background: #D91E76 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLc_y5vx5jztIH2_GhX48ORLNDMUme0dX5ydIEJOk-dgZVP0SxLt8M0YrHnrb9GPM8t6djeCQxICoZAvsZyNS_pJdB8BGhg2c9V82U3EII_RSPSYEEU1sqI7x6T7r_c2VOjWWS7wP5XJk/s1600/blsocial12.png') 0 0 no-repeat; background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block; color: #141414;float:none;height: 48px;line-height: 48px; margin: 5px 0;position: relative;text-align: left;text-indent: 90px; text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5; -webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out; -moz-transition: width .25s ease-in-out, background-color .25s ease-in-out; -o-transition: width .25s ease-in-out, background-color .25s ease-in-out; transition: width .25s ease-in-out, background-color .25s ease-in-out; -webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px; -moz-box-shadow: rgba(0,0,0, .28) 0 2px 3px; -o-box-shadow: rgba(0,0,0, .28) 0 2px 3px; box-shadow: rgba(0, 0, 0, .28) 0 2px 3px; text-decoration: none;} #buttonbg span:hover {visibility: hidden;} #buttonbg span {display: block;top: 15px;position: absolute;left: 90px;} #buttonbg .icon {color: #fafafa;overflow: hidden;} #buttonbg .fb {background-color: rgba(45,118,185, .42);background-position: 0 -382px;} #buttonbg .twit {background-color: rgba(0, 161, 223, .42); background-position: 0 -430px;} #buttonbg .google {background-color: rgba(167, 0, 0, .42); background-position: 0 -478px;} #buttonbg .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;} #buttonbg .linked {background-color: rgba(0, 87, 114, .42); background-position: 0 -574px;} #buttonbg .deviant {background-color: rgba(76, 122, 74, .42); background-position: 0 -622px;} #buttonbg .ytube {background-color: rgba(170, 0, 0, .42); background-position: 0 -670px;} #buttonbg .rss {background-color: rgba(255,109, 0, .42); background-position: 0 -718px;} #buttonbg li:hover .icon {width: 250px; } #buttonbg li:hover .icon {background-color: #d91e76; } #buttonbg li:hover .fb {background-color: #2d76b9;background-position: 0 2px;} #buttonbg li:hover .twit {background-color: #00A1DF; background-position: 0 -46px; } #buttonbg li:hover .google {background-color: #A70000;background-position: 0 -94px;} #buttonbg li:hover .pint {background-color: #C00;background-position: 0 -142px; } #buttonbg li:hover .linked {background-color: #005772;background-position: 0 -190px;} #buttonbg li:hover .deviant {background-color: #4C7A4A;background-position: 0 -238px;} #buttonbg li:hover .ytube {background-color: #A00;background-position: 0 -286px; } #buttonbg li:hover .rss {background-color: #EC5601;background-position: 0 -334px; } #buttonbg .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;} </style> <style type="text/css"> #buttonbg {width: 260px;margin: 10px 20px;padding: 0;} #buttonbg li {cursor: pointer;height: 48px;position: relative;list-style-type: none; } #buttonbg .icon {background: #D91E76 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLc_y5vx5jztIH2_GhX48ORLNDMUme0dX5ydIEJOk-dgZVP0SxLt8M0YrHnrb9GPM8t6djeCQxICoZAvsZyNS_pJdB8BGhg2c9V82U3EII_RSPSYEEU1sqI7x6T7r_c2VOjWWS7wP5XJk/s1600/blsocial12.png') 0 0 no-repeat; background-color: rgba(217, 30, 118, .42);border-radius: 30px;display: block; color: #141414;float:none;height: 48px;line-height: 48px; margin: 5px 0;position: relative;text-align: left;text-indent: 90px; text-shadow: #333 0 1px 0;white-space: nowrap;width: 48px;z-index: 5; -webkit-transition: width .25s ease-in-out, background-color .25s ease-in-out; -moz-transition: width .25s ease-in-out, background-color .25s ease-in-out; -o-transition: width .25s ease-in-out, background-color .25s ease-in-out; transition: width .25s ease-in-out, background-color .25s ease-in-out; -webkit-box-shadow: rgba(0, 0, 0, .28) 0 2px 3px; -moz-box-shadow: rgba(0,0,0, .28) 0 2px 3px; -o-box-shadow: rgba(0,0,0, .28) 0 2px 3px; box-shadow: rgba(0, 0, 0, .28) 0 2px 3px; text-decoration: none;} #buttonbg span:hover {visibility: hidden;} #buttonbg span {display: block;top: 15px;position: absolute;left: 90px;} #buttonbg .icon {color: #fafafa;overflow: hidden;} #buttonbg .fb {background-color: rgba(45,118,185, .42);background-position: 0 -382px;} #buttonbg .twit {background-color: rgba(0, 161, 223, .42); background-position: 0 -430px;} #buttonbg .google {background-color: rgba(167, 0, 0, .42); background-position: 0 -478px;} #buttonbg .pint {background-color: rgba(204, 0, 0, .42);background-position: 0 -526px;} #buttonbg .linked {background-color: rgba(0, 87, 114, .42); background-position: 0 -574px;} #buttonbg .deviant {background-color: rgba(76, 122, 74, .42); background-position: 0 -622px;} #buttonbg .ytube {background-color: rgba(170, 0, 0, .42); background-position: 0 -670px;} #buttonbg .rss {background-color: rgba(255,109, 0, .42); background-position: 0 -718px;} #buttonbg li:hover .icon {width: 250px; } #buttonbg li:hover .icon {background-color: #d91e76; } #buttonbg li:hover .fb {background-color: #2d76b9;background-position: 0 2px;} #buttonbg li:hover .twit {background-color: #00A1DF; background-position: 0 -46px; } #buttonbg li:hover .google {background-color: #A70000;background-position: 0 -94px;} #buttonbg li:hover .pint {background-color: #C00;background-position: 0 -142px; } #buttonbg li:hover .linked {background-color: #005772;background-position: 0 -190px;} #buttonbg li:hover .deviant {background-color: #4C7A4A;background-position: 0 -238px;} #buttonbg li:hover .ytube {background-color: #A00;background-position: 0 -286px; } #buttonbg li:hover .rss {background-color: #EC5601;background-position: 0 -334px; } #buttonbg .icon:active {bottom: -2px;-webkit-box-shadow: none;-moz-box-shadow: none;-o-box-shadow: none;} </style> <ul id="buttonbg"> <li ><a href="Link Facebook" class="icon fb">Like us on Facebook</a><span>Like us on Facebook</span></li> <li ><a href="Link Twitter" class="icon twit" >Follow us on Twitter</a><span>Follow us on Twitter</span></li> <li ><a href="Link Google+" class="icon google" >Follow us on Google+</a><span>Follow us on Google+</span></li> <li ><a href="Link Pinterest" class="icon pint">Follow us on Pinterest</a><span>Follow us on Pinterest</span></li> <li ><a href="Link Linkedin Anda" class="icon linked" >Follow us on LinkedIn</a><span>Follow us on LinkedIn</span></li> <li ><a href="Link Deviant Art" class="icon deviant" >Follow us on DeviantArt</a><span>Follow us on DeviantArt</span></li> <li ><a href="Link Youtube Anda" class="icon ytube">Follow us on Youtube</a><span>Follow us on Youtube</span></li> <li ><a href="Link RSS/Feed" class="icon rss" >Subscribe via RSS</a><span>Subscribe via RSS</span></li> </ul> </div>
Customization
- Replace the text highlighted in Red with links to their social networks.
How To Add Floating Social Bookmark with Easing Effect
Social bookmarking is admittedly helpful for those those who have web site or journal. Due to minimize the use of javascript, I deliberately made it plain widget without the use of a certain effect with the consequences of using images to create widgets that more and more. Well, now i'll provides a tutorial or a way to produce a floating social bookmarking appliance with extra easing result jquery library and after all with the employment of a smaller image.
With the addition of jquery, if you set the indicator on one in every of the social bookmarker icon, it'll pop out slowly, Solo softer sort of a blue blood taking off of the palace, it had been thanks to the result of easing the present on jquery-ui.min . additionally to easing the results that I add the appliance, also because the sort of social media that I place lots a lot of.
With the addition of jquery, if you set the indicator on one in every of the social bookmarker icon, it'll pop out slowly, Solo softer sort of a blue blood taking off of the palace, it had been thanks to the result of easing the present on jquery-ui.min . additionally to easing the results that I add the appliance, also because the sort of social media that I place lots a lot of.
Add Floating Social Bookmark with Easing Effect To Blogger/Blog
- Log in to Blogger
- Go to Template >> Edit HTML (tick expand widget templates )
- Put the following CSS code above ]]></b:skin>
.social-buttons {
position: fixed;
top: 130px;
width: 45px;
z-index: 9999;
}
.button-left {
left: 0;
}
.button-right {
right: 0;
}
.social-buttons #twitter-btn .social-icon,
.social-buttons #facebook-btn .social-icon,
.social-buttons #google-btn .social-icon,
.social-buttons #rss-btn .social-icon,
.social-buttons #pinterest-btn .social-icon,
.social-buttons #youtube-btn .social-icon {
background-color: #33353B;
background-image: url(http://1.bp.blogspot.com/-KOzIiYFlBAk/UUmLwwZSs-I/AAAAAAAAAnA/h6G772N3cpI/s1600/mas-icons.png);
}
.button-left #facebook-btn span {
background-position: right 10px;
}
.button-left #twitter-btn span {
background-position: right -35px;
}
.button-left #google-btn span {
background-position: right -127px;
}
.button-left #rss-btn span {
background-position: right -80px;
}
.button-left #pinterest-btn span {
background-position: 11px -177px;
}
.button-left #youtube-btn span {
background-position: 11px -223px;
}
.button-right #facebook-btn span {
background-position: 12px 10px;
}
.button-right #twitter-btn span {
background-position: 11px -35px;
}
.button-right #google-btn span {
background-position: 10px -127px;
}
.button-right #rss-btn span {
background-position: 11px -80px;
}
.button-right #pinterest-btn span {
background-position: 11px -177px;
}
.button-right #youtube-btn span {
background-position: 11px -223px;
}
.social-buttons #facebook-btn:hover .social-icon {
background-color: #3B5998;
}
.social-buttons #twitter-btn:hover .social-icon {
background-color: #62BDB2;
}
.social-buttons #google-btn:hover .social-icon {
background-color: #DB4A39;
}
.social-buttons #rss-btn:hover .social-icon {
background-color: #FF8B0F;
}
.social-buttons #pinterest-btn:hover .social-icon {
background-color: #D43638;
}
.social-buttons #youtube-btn:hover .social-icon {
background-color: #C4302B;
}
.social-buttons a:hover .social-text {
display: block;
}
.button-left .social-icon {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: left;
height: 43px;
margin-bottom: 2px;
width: 43px;
}
.button-left .social-text {
display: none;
float: right;
font-size: 1em;
font-weight: bold;
margin: 11px 40px 11px 0px;
white-space: nowrap;
}
.button-right .social-icon {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: right;
height: 43px;
margin-bottom: 2px;
width: 43px;
}
.button-right .social-text {
display: none;
float: left;
font-size: 80%;
font-weight: bold;
margin: 11px 0 11px 40px;
white-space: nowrap;
}
.social-buttons .social-text {
color: #FFFFFF;
}
position: fixed;
top: 130px;
width: 45px;
z-index: 9999;
}
.button-left {
left: 0;
}
.button-right {
right: 0;
}
.social-buttons #twitter-btn .social-icon,
.social-buttons #facebook-btn .social-icon,
.social-buttons #google-btn .social-icon,
.social-buttons #rss-btn .social-icon,
.social-buttons #pinterest-btn .social-icon,
.social-buttons #youtube-btn .social-icon {
background-color: #33353B;
background-image: url(http://1.bp.blogspot.com/-KOzIiYFlBAk/UUmLwwZSs-I/AAAAAAAAAnA/h6G772N3cpI/s1600/mas-icons.png);
}
.button-left #facebook-btn span {
background-position: right 10px;
}
.button-left #twitter-btn span {
background-position: right -35px;
}
.button-left #google-btn span {
background-position: right -127px;
}
.button-left #rss-btn span {
background-position: right -80px;
}
.button-left #pinterest-btn span {
background-position: 11px -177px;
}
.button-left #youtube-btn span {
background-position: 11px -223px;
}
.button-right #facebook-btn span {
background-position: 12px 10px;
}
.button-right #twitter-btn span {
background-position: 11px -35px;
}
.button-right #google-btn span {
background-position: 10px -127px;
}
.button-right #rss-btn span {
background-position: 11px -80px;
}
.button-right #pinterest-btn span {
background-position: 11px -177px;
}
.button-right #youtube-btn span {
background-position: 11px -223px;
}
.social-buttons #facebook-btn:hover .social-icon {
background-color: #3B5998;
}
.social-buttons #twitter-btn:hover .social-icon {
background-color: #62BDB2;
}
.social-buttons #google-btn:hover .social-icon {
background-color: #DB4A39;
}
.social-buttons #rss-btn:hover .social-icon {
background-color: #FF8B0F;
}
.social-buttons #pinterest-btn:hover .social-icon {
background-color: #D43638;
}
.social-buttons #youtube-btn:hover .social-icon {
background-color: #C4302B;
}
.social-buttons a:hover .social-text {
display: block;
}
.button-left .social-icon {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: left;
height: 43px;
margin-bottom: 2px;
width: 43px;
}
.button-left .social-text {
display: none;
float: right;
font-size: 1em;
font-weight: bold;
margin: 11px 40px 11px 0px;
white-space: nowrap;
}
.button-right .social-icon {
-moz-transition: background-color 0.4s ease-in 0s;
-webkit-transition: background-color 0.4s ease-in 0s;
background-repeat: no-repeat;
display: block;
float: right;
height: 43px;
margin-bottom: 2px;
width: 43px;
}
.button-right .social-text {
display: none;
float: left;
font-size: 80%;
font-weight: bold;
margin: 11px 0 11px 40px;
white-space: nowrap;
}
.social-buttons .social-text {
color: #FFFFFF;
}
Next adding jquery and javascript, still in Edit HTML put the following code before the </head> :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/>
<script>
$(window).load(function(){
$('.social-buttons .social-icon').mouseenter(function(){
$(this).stop();
$(this).animate({width:'160'}, 500, 'easeOutBounce',function(){});
});
$('.social-buttons .social-icon').mouseleave(function(){
$(this).stop();
$(this).animate({width:'43'}, 500, 'easeOutBounce',function(){});
});
});
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js' type='text/javascript'/>
<script>
$(window).load(function(){
$('.social-buttons .social-icon').mouseenter(function(){
$(this).stop();
$(this).animate({width:'160'}, 500, 'easeOutBounce',function(){});
});
$('.social-buttons .social-icon').mouseleave(function(){
$(this).stop();
$(this).animate({width:'43'}, 500, 'easeOutBounce',function(){});
});
});
</script>
For jquery library blue above, if the template you are using is installed, only abandoned.
<div class='social-buttons button-right hidden-phone hidden-tablet'>
<a class='itemsocial' href='https://www.facebook.com/YOUR FB' id='facebook-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Facebook</span></span></a>
<a class='itemsocial' href='https://twitter.com/YOUR TWITTER' id='twitter-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Twitter</span></span></a>
<a class='itemsocial' href='https://plus.google.com/YOUR G+' id='google-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Google</span></span></a>
<a class='itemsocial' href='http://pinterest.com/YOUR ID' id='pinterest-btn' target='_blank'><span class='social-icon'>
<span class='social-text'>Follow via Pinterest</span></span></a>
<a class='itemsocial' href='https://www.youtube.com/user/YOUR ID' id='youtube-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Youtube</span></span></a>
<a class='itemsocial' href='http://feeds.feedburner.com/YOUR feed' id='rss-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via RSS</span></span></a>
</div>
- Further calling widget, place the HTML code below before </ body> :
<div class='social-buttons button-right hidden-phone hidden-tablet'>
<a class='itemsocial' href='https://www.facebook.com/YOUR FB' id='facebook-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Facebook</span></span></a>
<a class='itemsocial' href='https://twitter.com/YOUR TWITTER' id='twitter-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Twitter</span></span></a>
<a class='itemsocial' href='https://plus.google.com/YOUR G+' id='google-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Google</span></span></a>
<a class='itemsocial' href='http://pinterest.com/YOUR ID' id='pinterest-btn' target='_blank'><span class='social-icon'>
<span class='social-text'>Follow via Pinterest</span></span></a>
<a class='itemsocial' href='https://www.youtube.com/user/YOUR ID' id='youtube-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via Youtube</span></span></a>
<a class='itemsocial' href='http://feeds.feedburner.com/YOUR feed' id='rss-btn' target='_blank'><span class='social-icon'><span class='social-text'>Follow via RSS</span></span></a>
</div>
Change the color blue above, with each ID should not be confused with the neighbor ID.
- Finally, Save Templates and your done!
- If you have any doubts don't hesitate to ask.Please Comment.
- Now If You Enjoy This Post! Please Take 5 Seconds To Share It.
How to Create Web Content that Works
Create Good and Effective Web Content
- The web is like a battleground where you are continuously fighting against so many factors to grab the attention of the reader. He has unread messages in Gmail, someone pinged him on Facebook – there are so many distractions that it will be hard to hold his attention. If your content is short, precise and well-presented, he will appreciate it.
- People on the web have short attention spans – they’ll read the headline of your story and probably the first few lines and then zoom off. Thus you should use the inverted pyramid approach to catch their attention – put the most important parts of the story at the top that can be seen without using the scroll bar.
- The headline is almost as important as the story because it will be visible in search engines, RSS readers, email newsletters and social shares. Good headlines are like short summaries of the article but free of jargon – the reader should be able to guess what the article is all about just from the headline itself. Here are some good headlines.
- Eye-tracking studies suggest that people don’t read web pages, they scan pages in an F-Pattern. Thus you need to present content in such a fashion that important parts don’t go unnoticed. Add a table of content if you have a long article. Use headings and sub-headings (like h2, h3, etc.), add captions to images, use italics or bold text to emphasize important points and put interesting information in pull quotes. Use short paragraphs and each paragraph should convey exactly one idea.
- When you are writing on the web, you are writing for a global audience and therefore you should avoid using jargon or complex language in your content. Make no assumptions – you know what NSFW stands for but not everyone does so spell out the acronyms. Use humor and slangs with care as what’s considered funny in your culture may not be so in other countries. Also use the Readability Test to know if people who are less fluent in English can easily grasp your writing style.
- Sometimes you have to use numbers in your content that can be difficult to visualize. For instance, the US spent anywhere between $4-$6 billion fighting the war in Iraq. How big is that number? If you can add another number to the same story saying the US spent X amount on medical research or that Y amount is enough to feed million people, your readers will be able to connect better with your story. Apple didn’t stress the number of pixels in the new iPad, they said it has more pixels that your HDTV.
- When you are writing about a product, a service or maybe a restaurant where you had dinner last night, try to put yourself in the shoes of the reader and think what additional questions they may have related to that topic. Your content should answer all of them. Your aim should be create a page that is the best resource on the web for that topic. Use Five Ws, a proven journalistic technique, to get the complete story on a subject.
- Make sure that all information in your content is accurate and comes from trusted sources. If you are using facts in your content – like the average age of an African elephant is 70 years – you should cite credible sources to support that fact.
- If you have an idea for a story, don’t publish it right away – think over it for a day or two, edit and the final product will almost always be better than your initial draft. Darren Rowse calls it the idea marinating process.
- When you are writing on a not-so-unique topic that dozens of other sites have covered in the past, analyze what others have missed or how you can make existing content better. For instance, you can include fresh data, you can include quotes from experts, you can create videos around the topic, you can present information in an alternate form – like a chart, a presentation or even as an ebook.
- Spend some time reviving your old content. Sometimes your content doesn’t get the attention it deserves and it just sits there in the archives gathering dust. You can use Google Analytics to learn about stories that didn’t click with your readers, analyze the missing pieces, think how you can make the content better, and push it again. If you include “factual” content on your site – like which is the most popular social site – this kind of data needs to be updated regularly because that what your readers will like.
- The content that you create must be readable across difference devices and platforms that your audience are on. Often times we create content that looks good on the desktop but that quality is lost as soon as we switch to a different device – say a mobile phone. That’s a missed opportunity. If you have embedded YouTube videos in your content, make sure you offer an alternative thumbnail that links to the YouTube video for environments that don’t support Flash or HTML5.
- Users will consume your content in different forms. Some will save your stories to InstaPaper for reading later, some will print your articles as PDFs while others may send your stories to their Kindle. It is important that your content looks good when it is saved across different mediums. Do not ignore the print stylesheet because if you create good content, some people will print it on paper.
- The first image and the thumbnail image of your story, or the image that your have specified inside the OpenGraph tags, should be clear, high-quality and predictable. That’s because these images will appear when your stories are shared on social networks like Pinterest, Tumblr, Facebook and even Google Plus. You may have a great headline but if the attached image thumbnail isn’t great, the story can sometimes go unnoticed.
- The other reason to have good images in your content is that they “pause” a reader when he or she is scanning your content. Use an image format depending upon the content of the image – for instance, images that have text are best served as PNG files. Avoid using stock images on your content especially the ones that are very common. Use the Similar Images option is Google Images to determine how popular a “stock image” is and if it returns too many results, don’t use that image.
- Do not ignore video. It does take some effort to produce videos but it will be well worth the effort. YouTube is the world’s second largest search engine and if your produce video content, you have an opportunity to show up there. Also, Google is no longer a collection of 10 blue links but a mixture of images and videos. Good videos have great audio. Shoot and record at 720p (1280×720). Apply to become a YouTube partner and that will help you add custom thumbnail images to your videos. Keep you video length short, really short because it is difficult to hold a user’s attention for more than a few minutes.
- SEO is no rocket science. This starter guide [PDF] from Google covers nearly everything that you need to do to make your good content more search friendly. Use good headlines, the content should be scannable, use good-quality images with captions, have an easy to navigate site structure and use Sitemaps to help search bots discover your content. Here’s more useful SEO advice from Google.
- You should know how people are consuming and sharing your content. The new social analytics feature of Google Analytics can help track most of the social activity happening on your site and, accordingly, you can put the right social sharing buttons around your content.
- You may think that Page Views are the best indicator to determine the success of content but that may not be the case. A reader lands on your page from Facebook, scans it for a second, doesn’t find anything interesting and leaves. This activity registers as a pageview in Google Analytics but the visitor didn’t find anything useful. The metric that gives a better idea of user behavior is “average time spent on a page” – if they are just coming and leaving, there’s definitely something wrong with the page content or there’s a mismatch between your headlines and the story.
- You might think that the web has an infinite appetite for content and the more you feed it, the better. That’s not the case though. It takes effort, time and lot of thinking to produce good and useful content and that will clearly not happen if the goal is to publish as many words as possible in a day.
