LEARN BASIC HTML AND CSS IN 9 EASY STEPS

Leave a comment

1. Open Notepad or any other text editor and write an article about yourself.

2. Create an html document from that file by renaming your file’s .txt extension to .html
3. Include compulsory HTML tags in the document and place your article in the <body> </body> tag.
Compulsory tags are:
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
4. Divide your text in 3 parts and put each part in a <div> </div> tag.
5. Assign an unique id to each of the <div> tags like this <div id=”fucker”> ……lalala …. </div>
6. Create a style.css file in the same directory where you stored your html file. The same – create a .txt document and then change extension to .css
7. Add this line to your html document in the <head> tag
<link rel=”stylesheet” type=”text/css” href=”mystyle.css” />
Should look something like this:
<html>
<head>
<title>Your Site Title</title>
<link rel=”stylesheet” type=”text/css” href=”style.css” />
</head>
<body>

<div id=”dance”> I love to dance </div>
<div id=”live”>I love to live </div>
<div id=”rock”> I love to listen to rock music though I’m an R’N’B junkie</div>
</body>
</html
8. Now with CSS place these <div> elements in the middle of the page and color them.
TYPE this in the style.css
#dance { margin: auto;
         width: 300px;
         background-color: red;
         text-align: center; }
#live  { margin: auto;
         width: 300px;
         background-color: yellow;
 text-align: center;}
#rock  { margin: auto;
         width: 300px;
         background-color: green;
 text-align: center;}
9. Open your web site in Google Chrome!!!!

Search Engine Strategies Hong Kong 2011 – 5 best SEO and SMO tips to use in eCommerce

Leave a comment

I’d like to start by saying thanks to people who led the SES Conference in September 2011 in Hong Kong (http://twitter.com/sesconf). Lots of tips, hints and sometimes robust technical advises (http://twitter.com/B2Bento) on how to increase sales, traffic, reputation and other factors that are key to your successful presence in the Internet. This article is an attempt to put together a stack of 10 best tips from the SES conference on how to increase conversions on an eCommerce store.

Here goes:

I. Use Facebook Like and other Social buttons In a Smart Way

Don’t overcrowd your site with social buttons

There has been a lot of talk on how to use social buttons to drive traffic to your web-site and improve brand recognition. When it comes to eCommerce it’s very important not to overcrowd your site with social buttons:

You don’t want to have something like this on your page:

Don't use social buttons like this

Many people at SES mentioned that Social Buttons have to have a strategy behind them especially now, when you can track them with Google Analytics

A more consistent layout would look like this:

Give Sense to your Social Buttons

It’s easy to understand that people will click “like” next to a product that they’ve purchased and used. But what if they have not? Good eCommerce practice assumes you to have User Reviews on your site for users who have not yet bought your products. UGC (User Generated Content) becomes more and more valuable as the every person’s social presence grows day after day, so if you have User Reviews section on your site, ad a Like button under the review.

NOTE: You may want to check http://www.addthis.com/ site for nice social button layouts.

II. Use Microformats / rich snippets

Ok, this one is a real pickle but it is worth of looking into. Microformats or rich snippets make your SEO presence boost and make your link more valuable and visible in Google’s search results page.

Check this out:

The search inquiry was simple “pizza new york”. Now imagine if you’re coming from abroad and you want to have a pizza in New York and you just don’t like to brows review sites because there are tons of them. You love Google and simple search because you’re lazy like the rest of us. So you put this simple query in Google. Where will you click after that? I’m sure that Lombardi’s and John’s will be visited by you.

So, how do we implement it? It’s coding, no doubt, BUT! No sighing here. 
Check these pages for code examples:

http://www.google.com/webmasters/tools/richsnippets – Google Rich Snippets Tool to check your markup. You can also see examples by clicking on the rich snippet type you want to implement.

http://knol.google.com/k/google-rich-snippets-tips-and-tricks#Frequently_Asked_Questions

http://microformats.org/wiki/google-rich-snippets-examples

http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=99170

To get straight into action and see how to markup using rich snippets, microdata or microformats proceed here:

Google has mentioned shema.org back in 2009 and they highly recommend web-developers to use rich snippets. This will boost your SEO results and also looks great in search results.

III. Sequence Of Work For Successful SERP (Search Engine Results Page)

Customer behavior –> SEO+PPC –> Blogs –> Social Media

Customer Behavior: According to Aaron Kahlow (@AaronKahlow) Customer Behavior is the key for further development of your brand network. It’s important to know your potential audience, what are they like and what they want. This analysis starts by checking Top 10-15 industry blogs, forums and other brand social pages. With the new Facebook Lists option it’s wise to create “Brands” list and read brand status updates and check what people reply.

SEO+PPC: This step is key to gain initial audience.

RESEARCH KEY WORDS PROPERLY: don’t run after the best key word out there. If, let’s say, you sell viral t-shirts online don’t try to compete with http://www.tshirthell.com/

Localize your keywords and give your t-shirts names, location, flavor and even fragrance. 4-keyword search in Google is good for starters.

Aaron mentioned at SES HK 11 that “if you want to rank high in Google, use Google tools to identify keywords”

So here is the Google Keyword tool: https://adwords.google.com/select/KeywordToolExternal

You can look into payed solutions like SEOMoz for example – seomoz.com. These guys will give you a free month to try their service, which includes much more than keyword search.

BLOGS: Apart from a company web-site blogs are great to generate content about your brand using the keywords you’ve researched. For an eCommerce site it’s not common to have a blog on the web-page, but it’s not prohibited. [More to come on this one]

SOCIAL MEDIA: 

Now there is a term in place called SMO (Social Media Optimization).
There are many approaches on how to use Social Media for an eCommerce site after your web-site is up and running and bringing you visits. After you put Facebook, Twitter and G+ widgets on your site – what’s next? SOCIAL MEDIA STRATEGY.

There is no dogma on what social network to use for what: Some brands sell well on twitter, some brands sell well on Facebook, but one thing for sure: if you distribute technical goods it’s great to have a customer support presence on both of these social networks. Start asking questions from your customers, answer their questions, use hash tags related to your industry on twitter and you’ll see followers coming.

To get more info on Facebook brand strategies I recommend to follow Social Media Examiner on Facebook: http://www.facebook.com/smexaminer

A tool that can really help with streamlining your social media messages and key wording: http://socialmention.com

IV. Social Media Tools in eCommerce: To Use Or Not To Use

I’ve heard many words on what Social Media tools to use and honestly I cannot name any that are actually better than the original sites (twitter, facebook etc).

HOW TO GET FOLLOWERS:

Here’s for instance a list of Twitter tools:

http://www.tweep.com/http://www.twellow.com/http://dossy.org/twitter/karma/http://followerwonk.com/

You can check them one by one and you’ll see that if you use Twitter functions on the site, you’ll get the same result. If you stick to the goal – to get more fans and followers on Twitter, you’ll understand soon enough that it’s NOT about how many people you follow but how many people you engage with. YOU DON’T NEED PEOPLE TO FOLLOW YOU ON TWITTER TO TALK TO THEM. YOUR MESSAGES HAVE TO MAKE PEOPLE COMMUNICATE WITH YOU. If you fail to do so, it means, that your content is not so engaging, or you post in the wrong time, or you don’t use the right HASHTAGS.

One Friend Finder tool I would recommend though. If you use Google+ then this is something you’d want to check:

http://findpeopleonplus.com/

SERVICES TO PUBLISH IN MULTIPLE SOCIAL NETWORKS:

Ping.fm and similar.

This could be a solution for someone who does not have time to update socials, BUT, if you are developing a serious Social Media strategy, then it’s best to plan different approach to every social channel you are planning to use. For example, it’s totally needless to post auto-updates to Twitter if you don’t have hashtags, or your not a huge news resource like Mashable.com who will get followers directly from their web-site.

V. Localization of Your eCommerce Web-Site – Beneficial for SEO

This part needs further research from my side so will be updated in the future.

In general, everything depends on what location to you target when selling online. Do you sell in Texas or World Wide? If World Wide – have you thought about creating pages on your web-site to target specific audience in certain regions of the world? When we try this, I’ll update this part with some results and tips!

How to Add Facebook Like to Any Post on Your Blog/Site with PHP

Leave a comment

How to Add Facebook Like to Any Post on Your Blog/Site with PHP

Use the following codes and post them to “single.php” file of your theme in the “post” section there where you want the code to appear. The best would be to put the code within a “div” that would have it’s own custom CSS. This will allow you to be more flexible with customizing the social buttons as you would also consider to add G+ and Twitter.

1 <iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;
2 width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:60px;">
XFBML:
1 <div id="fb-root"></div>
2 <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="<?php echo get_permalink(); ?>" show_faces="true" width="450"></fb:like>

Subscribe to our Newsletter, and see how you can get analytics from the Facebook Like Button.

SEO Tips: Cosider Browsers and More

Leave a comment

1. Consider checking GA for browser types and analyze the traffic. Site’s mobile version plays an important role.

“Well simply put, Opera and Opera Mini users were taken to the desktop version of the website. As you must be aware, Opera Mini is a mobile browser and as any SEO consultant would know, the obvious recommendation here would be to take the user to the mobile version of the website. But how do we convince the client?? The answer lies in the report itself.”

Source: SeoMOZ

2. LINK BUILDING – TRAIN A LINKBUILDER

 

 

Google new site – specific pages (URLs) to submit for bot crawl

Leave a comment

SEO

Google launched a new site where site owners can submit specific URLs to be crawled by Google bot.

http://googlewebmastercentral.blogspot.com/2011/08/submit-urls-to-google-with-fetch-as.html

 

 

https://www.google.com/webmasters/tools/submit-url?pli=1

“When Should You Use The New URL Submission Feature?

XML Sitemaps are still the best way to provide a comprehensive list of URLs to Google and a solid internal link architecture and external links to pages through your site is still the best way to encourage Google to crawl and index those pages.

However, this new feature is ideal for situations when you launch a new set of pages on your site or have major updates. Google also notes you can use this feature to speed up URL removal or cache updates.

You can submit up to 50 URLs a week (although the UI seems to have a bug that starts you with 28). You can also submit the crawled URL and all pages linked from that URL, but those submissions are limited to 10 per month. A common use of that latter option would be when you have launched a new section of your site.”

Vanessa Fox, SearchEngineLand.com (http://searchengineland.com/direct-googles-crawl-to-your-new-and-updated-pages-88217?utm_source=feedburner&utm_medium=feed&utm_campaign=feed-main)

 

Google Plus + resources library

Leave a comment

Google Plus cheat sheet:

Resources to check

1. +Simon Laustsen‘s G+ Cheat Sheet

https://plus.google.com/108443027359212340995/posts/KqbVqVaG4jv
2. 40 Google+ Tips and Tricks for Power Users
http://www.pcworld.com/article/236651/40_google_tips_and_tricks_for_power_users.html
3. 20 of the Best Google Guides
http://freelancefolder.com/20-of-the-best-google-guides-and-tutorials-to-get-freelancers-up-and-running/
4. Google+ Shortcuts and Tips (updated)
http://www.localseoguide.com/google-plus-shortcuts-tips/
5. Find People on G+ (directory of 9.6M indexed users)
http://www.findpeopleonplus.com/
6. Google+ Statistics complete with leaderboards and top posts (from+Boris Veldhuijzen van Zanten who brought us TwitterCounter.com)
http://socialstatistics.com/

7. G+Me – allows you to collapse/expand posts and comments (a must have!) and a few more bells ‘n’ whistles: http://huyz.us/google-plus-me/

8. Replies and More – adds Reply to Author to all posts and comments. Also allows easy share on Twitter and Facebook:https://chrome.google.com/webstore/detail/fgmhgfecnmeljhchgcjlfldjiepcfpea
9. Usability Boost – adds several visual features to enhance readability, among other nifty features:https://chrome.google.com/webstore/detail/dkcppcocablbakkaboahjmljpodddkcp
10. Plus One Anything – adds a nifty +1 button to your browser toolbar for plussing any website whether they have the +1 button or not
https://chrome.google.com/webstore/detail/ebhbdmijnijoeoanepompkkdpclndleo
11. Google Plus Widget – place a widget on your blog/site to display your follower (people who have circled you) count and realtime rotating updates.
http://widgetsplus.com/

BIG THANKS FOR MARI SMITH FOR THIS INFO! I’ve taken this from her G+ account.

Her Blog: http://www.marismith.com/mari-smith-blog/

Her Google Plus: http://plus.google.com/112707199408484711520

Her facebook: http://www.facebook.com/marismith

Follow her up if you want to be updated on all Social Media stuff in time.

 

ADDING MARI’S POST HERE:

MOST RECENT OVERVIEW ON GOOGLE + AND TONS OF LINKS

Google+ Button gets faster! + YOUTUBE TIPS

Leave a comment

GOOGLE +1 BUTTON: IMPLEMENTATION TO WORK QUICKER

http://googlewebmastercentral.blogspot.com/2011/07/1-button-now-faster.html

These little social sharing buttons now load faster on your web page. You don’t need to do anything to experience this improvement. In addition to these improvements, you can add a new asynchronous snippet which allows your web page to continue loading while your browser downloads the +1 JavaScript.

Taken from SocialMediaExaminer.com

http://www.socialmediaexaminer.com/social-media-for-business-this-week-in-social-media/

SOCIAL MEDIA and YOUTUBE

Cam aplications that allow you to catch the screen and record video to later post in your youtube blog.

Great advice from Mari Smith.

http://www.socialmediaexaminer.com/8-ways-to-maximize-your-youtube-marketing-results/

Google these:

Sceeflow for Mac

Camtesia Studio for Windows

Jing Project

Interviews:

TinyChat, Oovoo

READ WHEN THERE’S TIME:

http://www.flyteblog.com/flyte/2011/06/killer-youtube-tactics-for-your-business.html

Older Entries