SEO Updates :
Recent Post
Showing posts with label SEO Tips n Tricks. Show all posts
Showing posts with label SEO Tips n Tricks. Show all posts

Thirty Quick And Effective SEO Tips For Small Businesses

Small Business SEO Services



For the uninitiated, SEO can appear to be a mind boggling and outside scene, however it doesn't need to be excessively entangled. In reality, there's a considerable measure that little organizations (and anybody) can manage with no awesome SEO information, and without spending a lot of cash.
With the assistance of some hunt specialists, I've accumulated a rundown of tips (in no specific request)…

1. Set up a Google My Business Account
Set this up and get the greater part of your business subtle elements transferred. It's absolutely free and will empower you to show up in neighborhood list items for inquiries particular to your range of operation.

2. Make Mobile Friendly website
Creating portable locales should now be possible effectively with basic modules for your CMS, for example, WordPress, implying that making the majority of your substance versatile neighborly should be possible rapidly and economically. Advancing it for quick load-speed (again through modules where accessible) will help you emerge from the opposition as far as execution.

3. Conduct broad Keyword Research to recognize gaps in the business sector
Focusing on the same catchphrases as your greater rivals won't see you make much ground as they are more settled and have more scope on the web. Utilizing catchphrase research devices, for example, Google's Keyword Planner to spot crevices in the business sector will empower you to underwrite upon these – they may even change over at a superior rate as well.

4. Begin utilizing Google Search Console
It's a free instrument that gives an abundance of data about your site's execution in Google look, and any blunders on your site and issues you ought to address. Enhancing your site without Search Console resemble running a marathon with no shoes on. With Search Console you can discover what watchwords Google thinks your site is significant for, whether there are issues creeping your site, if your site is versatile well disposed, and a great deal more. It's the beginning stage for the greater part of your change endeavors.

5. You have to comprehend your online Audience
Who is your run of the mill online client? What are they searching for? How would they invest their energy online? What sort of substance do they jump at the chance to expend? When you totally comprehend your group of onlookers, you will comprehend what you have to do online to get their consideration. In the event that your gathering of people invests a ton of energy in Facebook, you ought to center exertion there. On the off chance that your gathering of people peruses online instructional exercises about points significant to your corner, perhaps you have to create your own particular instructional exercise content. Without a careful comprehension of your gathering of people's needs and necessities, you won't have the capacity to make compelling utilization of the online channels available to you – you'll simply be experimenting with various things aimlessly, and that is a repulsive misuse of your valuable assets.

6. Take a look at how web indexes are showing results in your specialty
Time and again, little organizations have no clue who or what they are really contending with in pursuit. For instance, in the event that you need to concentrate on a catchphrase that has a considerable measure of gigantic universal organizations positioning on the principal page, you ought to understand that maybe your desires should be tempered. Another illustration: if web crawlers demonstrate a great deal of pictures or recordings in their outcomes for watchwords you need to be noticeable for, you ought to consider delivering that kind of substance as opposed to simply concentrate absolutely on content. Likewise, frequently internet searchers will demonstrate neighborhood business results – if that is the situation, your endeavors should be conformed to concentrate on accomplishing visibility in those sorts of results. Indeed, even expansive inquiries with vast volumes are currently demonstrating nearby results which is something little entrepreneurs can underwrite upon.

7. Get any web analyzer tool and check your on-site issues
Look for security issues as well – Sucuri site check is free keeping in mind it won't have the capacity to see all conceivable issues it can get probably the most across the board ones. This may appear to be inconsequential to the point of this article yet traded off locales do lose their activity and visibility.
 
8. Claim your physical location on Google Maps
On the off chance that it's a nearby business which a physical area and logged off clients, ensure you guarantee your physical location on Google Maps
.
9. Whatever you do, be certified
Procuring some individual for as little as possible to run your Twitter record or fabricate joins for you may appear like an enticing thought however it can – and presumably will – blowback. On the off chance that you haven't got a lot of a showcasing spending plan, approach slowly and carefully yet do it without anyone's help as no one knows your business and your clients superior to anything you. Interface with them by and by, don't depend on another person spamming them for your benefit bringing about any constructive result.

10. Be careful with fake service provider
You have to take a careful step up, now a days a bunch of people give you 100% guaranty to bring your company in 1st position in a very short time. Be careful from those people cause they are doing black SEO for your site which can give you a very good result for a short time but it could be panelized your for long time. You have to look for a reliable and expert SEO service provider who will be best partner to increase your search ranking and making you a maximum traffic.

11. If you hire an service providing company, watch out for them
Offices utilizing the wrong techniques can do a great deal of harm. Regularly by dodgy third party referencing which may accomplish some fleeting results however will open your site to the danger of punishments long haul.

12. Stay aware of industry news
Things can change pixie rapidly in SEO, so things that work for some time can get to be against Google's principles after some time. Likewise with the late punishments for bloggers inspecting items, Google will infrequently define things. It will give counsel and clues, however it won't get in touch with you. You'll frequently just know you've accomplished something "incorrectly" when you login to Google Search Console and get a notification.

13. Make an effort not to depend a lot on Google
Yes, it's well worth attempting to enhance your rankings, and pursuit movement is profitable, yet don't put all of your investments tied up on one place. Google can change the way it positions destinations, the way it show results whenever, in ways which could unfavorably influence your inquiry activity. Hope to fabricate email records, use online networking and so on with the goal that you're pulling in clients from a scope of sources.

14. Dispatch an online journal/make content
Substance is the thing that will help you rank for your objective terms. This implies content on item pages, landing pages and all over around the website, however a web journal can likewise offer assistance. It shouldn't be done only for SEO reasons, as sites present an open door for you to discuss your item and administrations and the issues around them. It implies you can make the sort of substance that individuals keen on your item or administration would acknowledge, and start to manufacture a group of people.

15. If you have a blog, do regular posting
You don't need to compose five articles a day, yet customary overhauls mean your guests have something to peruse, and you'll additionally be making crisp substance for the web crawlers.

16. However, don't go Keyword crazy  
Yes, you need to focus on the terms that your clients are prone to hunt down, yet you need to compose for people as a matter of first importance, or your substance will be feeble.

17. Go for evergreen content
Hope to make quality substance that locations clients issues and has a more drawn out timeframe of realistic usability. This 'evergeen substance' will probably accomplish seek rankings over a more drawn out time frame.

18. Utilize an unmistakable URL structure
Individuals ought to have the capacity to figure the theme of a page just by taking a gander at the URL.

19. Use internal linking to upgrade your site
Compelling inside connecting is about connecting points and subjects together in a more sensible manner, for perusers and for internet searchers. For instance, on the off chance that you are giving cake-finishing administrations, you'll have heaps of articles utilizing that expression. They're not all going to rank for that, so pick the page you'd most jump at the chance to rank for that term and point the connections at that. It can be exceptionally viable, as this inner connecting case from the Daily Mail site appears.

20. Utilize your site look information to discover terms to target
You can see the terms your guests hunt down nearby by investigating your examination information. You can take in a great deal from this site look information, which can help from multiple points of view. For pursuit, the catchphrases that individuals use on your site could be terms that you aren't right now focusing on through SEO or PPC. Assuming this is the case, examining site seek information is an extraordinary approach to discover more significant terms to target. They additionally tell the sort of dialect that clients use.

21. Empower audits
Surveys will drive transformations be that as it may, from a SEO point of view, they drive your neighborhood SEO visibility.

22. Improve pictures
In this article, SEW Editor Christopher Ratcliff discloses how to improve pictures for SEO, with the assistance of his feline.

23. Set up Google Analytics
It's free and it's fundamental for you to comprehend client conduct, activity sources and the sky is the limit from there. Here's a fledgling's manual for Google Analytics.

24. Consider UX
First off, after mobile geddon, your portable positioning relies on upon element identified with UX.
Site rate is only one. Use instruments like Google's page speed experiences to find out about your site and how to enhance it.

25. Advance your Google My Business profile
The fundamentals ought to be there – on the off chance that you have a physical store, give opening times, bearings and other helpful data. Try not to abandon it at that however. Include pictures, customary overhauls and that's only the tip of the iceberg.

26. See who is connecting to you and gain from it
You can see the connections you get through devices like Majestic and others. It is safe to say that you are pulling in connections from applicable locales? Provided that this is true, which sorts of substance/pages are drawing in these connections?

27. Compose an unique title for each page
On Google, you have around 55 characters to make the theme of a page clear to searchers and web crawlers.

28. Try not to expect comes about too rapidly
The tips here will create results, yet don't expect overnight achievement. Great SEO can require some investment, so be patient and stick with the procedure.

29. Utilize a little PPC
In the event that you have the monetary allowance, PPC can convey activity all the more rapidly. It can likewise advise your SEO endeavors – you can see which watchwords work best for changes and can help you to enhance your greeting pages.

30. Compose your own particular item page duplicate

In case you're offering items that different destinations will likewise have, novel item portrayals can help your site to emerge.

You Should Know First How Does Google Search




Professional SEO interview question and answers !!!


SEO interview question and answers




Q.1. Tell me something about yourself?
Ans. It’s most basic question which is asked by almost in every field to test your experience confidence in particular area & your communication skills. So, no one can explain better than you instead few tips for you.
Start with thank you so much for giving me opportunity to explain about me. I am Your Name , family introduction, your qualification, work experience whatever you have, strength.


Q. 2. What is SEO?
Ans. SEO mainly stands for search engine optimization and it’s a part of Internet Marketing. SEO is technique or process via this we can improve website visibility in major search engines like Google, Yahoo & Bing etc.


Q.3. Did you know what are the types of SEO?
Ans. Yes, there are 2 types of SEO which are
1. On Page Optimization
2. Off Page Optimization


Q. 4. Which SEO techniques are popular?
Ans. Mainly two type of SEO technique is popular
1. White Hat SEO
2. Black Hat SEO (Negative SEO)
One more type of SEO techniques which is also known is “Grey Hat SEO”


Q.5. Who do SEO?
Ans. Person who is known as webmaster, SEO engineer or Website optimizer do SEO.


Q.6. What is On-Page Optimization?
Ans . On page optimization is very important part of SEO & play a vital role in the improvement of SERP (Search Engine Result Page). We can whatever changes made by us in coding or internal part of our webpage call on page for instance content adding, meta tag placing, meta description, image alt tag etc.


Q.7. What is Off-Page Optimization?
Ans. We can say on page is the soul than its body without off page its quite difficult to get higher position in search engines for competitive keywords. In a simple language we can say off page optimization don’t allow you to make any changes in the website. It’s the process of building quality links, forum discussion, article, directory, bookmarking etc to boost the rank of your website.


Q.8. What tools do you use for doing seo?
Ans. Generally I use free tools like Google Webmaster tools, Google analytics, Alexa, Website grade etc. Well there are many paid SEO tools are also available like Moz.


Q.9. What is Anchor Text?
Ans. Link text, link label or link title these are synonym of Anchor Text. An particular keyword or keyword phrase which is clickable is called anchor text.

Q.10. What is PR or Page Rank?
Ans. PR or Page Rank is provided by Google and its help to understand the value of a website or webpage. The Page Rank is calculated by Google algorithm which is based on number of backlinks received for particular page, visitor’s reaction, bounce rate etc.


Q.11. What do you mean by backlinks?
Ans. All the backlinks created for your website on another website called backlinks. It would be great if you’re taking links from high authority sites in do follow high authority sites like .org, .edu and links from high authority sites.


Q.12. What do you mean by outbound links?
Ans. Links to other website or webpage from your own website.


Q.13 What is Keyword & Keyword Phrase?
Ans. Keyword is simple word like “SEO” “Website” etc instead of this keyword phrase is “SEO expert Bangladesh” “SEO latest techniques” etc these both type of word use to find relevant results in search engines.


Q.14. What is Keyword Density?
Ans. Keyword density let you know how many time you have used the particular keyword or keyword phrase in web page.

Q.15. What is Meta Title?
Ans. Title tag is important factor of website and its place at the header of page under title section. This tag is important because it appear in search results so be very careful to create title tag for website or web page.

Q.16. What is Meta Description?
Ans. Few word about your website or webpage which can describe about your page service, product in best manner calls description. For instance we can see the page description just below the title.

Q.17. What is Googlebot?
Ans. Googlebot is Google’s own software which do index, crawl & caching of webpage & update its collected data time to time.


Q.18. What is meta tags?
Ans. Meta tag is combination of several meta tags but it included 4 major meta tags which are meta title, meta description, meta keywords & robots tags.


Q.19. What is Google Sandbox?
Ans. Google Sandbox is an imaginary area where new and less authoritative sites are kept for a specific time period until they establish themselves of being displayed on the search results. Its generally happen due to building high volume of links in short time.

Q.20. What do you mean by organic results?
Ans. Particular web page which comes in search engine result page and not through any off page optimization is known as organic results.

Q.21. What are the limitations of title and description tags in Google, Yahoo, Bing & Ask.com?
Ans. Every search engine has its own algorithm and word limitation meta tag limitation for different search engines are as follows:
Google.com: Title length should be 50- 60 character & description length 150-160 characters.
Yahoo.com: Title length should be 60-72 character & description length 155-165 characters.
Bing.com: Title length should be 65 character & description length 155 characters.
Ask.com: Title length should be 70 character & description length 312 characters.


Q.22. What are meta keywords?
Ans. If your main visitors come via Google than this tag is worthless for you because Google don’t consider this tag anymore if you still want to use can use it because other search engines are still considering it and it can help you to boost the rank of your website.


Q.23. What is the difference between White Hat & Black Hat SEO?
Ans. White Hat SEO- It’s the techniques which is like by search engines. If you are following search engine guidelines, rule and regulations, algorithm and policies to improve your website position is called White Hat SEO techniques.
Black Hat SEO – Black hat seo is also known as a Negative SEO and its just opposite of White hat seo. If you are not following the search engine guidelines and using unnatural method to get higher position in search engines called black hat seo. Few instances of Black Hat SEOs are:
Low quality of duplicate content
Getting link from non-thematic website to manipulate Page Rank
Links from spam sites
Links from adult content sites
Keyword stuffing
Cloaking
Google Bowling etc.
Getting too much backlinks from a single page with different anchor text that targets a single page of your website.

Q.24. How will you increase the PageRank of a page?
Ans. It’s build high quality link from relevant web pages try to take link from high pr website to increase the PR of your website or webpage.


Q.25. How will you treat Web standards while optimizing a website?
Ans. I personally use for web standards from the W3C whenever optimize any website, which help me to get more points from Google to improvise page rank.


Q.26. What is 301 redirect?
Ans. It’s use to redirect users from old page to new page.


Q.27. What is Cloaking?
Ans. It’s procedure of using some deceptive techniques that allows user with a different version of the website than that presented to the search engines.


Q.28. What will you do to decrease the page loading time of a website?
Ans. It’s little technical and we cause external style sheets, less images, try to decrease the file size of image without compromising the quality and use CSS sprites to regulate the HTTP requests.


Q.29. What is robots.txt file?
Ans. It’s a text file which allow search engines to which page, directory, domain have to index or not.


Q.30. What is cross linking?
Ans. In simple way cross linking means referral links whenever we post content from other website for our users and reader and in return place the referral link of the website is called cross linking.


Q.31. How will you resolve canonicalization issue or what is .htacess file?
Ans. I will resolve canonicalization via using .htaccess file it happens several time that the home page of website have different urls like:
http://www.speakingtechnically.com/,http/www.speakingtechnically.com/index.html or http://speakingtechnically.com/
May be search engines treat these url as different urls and the work effort done by us will be distribute in these 3 and it will appear as duplicate website in search engines to resolve these type of issues we must should .htaccess file and redirect to all urls to single domain.


Q.32. What will do you do maximize the frequency of crawling of your website by search engines?
Ans. I will do add more quality content to my web pages for fast crawling and indexing by search engines.


Q.33. What is Pagination in SEO?
Ans. Pagination is the practice of dividing a piece of content into different pages while at the same time allowing Google to better understand the important pages to be indexed. Read the Google’s advice on using the pagination.


Q.34. How will you inform Google that a particular page contains Adult content?
Ans. It’s easy we can inform Google about the adult content via using following meta
<meta name=”rating” content=”adult” />
OR
<meta name=”rating” content=”RTA-5042-1996-1400-1577-RTA” />


Q.35. What are top SEO ranking factors according to you?
Ans. It depends on several points like quality content on web page, social sharing, anchor text used in backlink, number & quality of inbound links, domain authority, page CTR, bounce rate & average time spent by user on the page etc.


Q.36. How you will good click through rate (CTR) in pay per click (PPC)?
Ans. It’s not an easy task but can improve CTR via keeping these points in mind
First select the correct keywords
Target your ads to right audience
Target your ads according to language.
Make your budget before starting PPC
Create different Ad Groups for different search phrases/keywords
Keep analyze your ads on daily basis and change it if you are not getting sufficient results from it.

Q.37. Where do you put your robots.txt file?
Ans. I will submit it to in Google Webmaster tools or in the root directory of the domain or subdomain which I am promoting.


Q.38. Your website is flagged as having malware, but you can’t find the malware. How will resolve this issue or what will you do?
Ans. Very first step I will submit reconsideration request to respect search engine. If problem not resolve will post my problem in Google Webmaster help forum and take others advise and try another option via tweeting @Google.


Q.39. “Unreachable robots.txt” in Webmaster Tools crawl errors means?
Ans. If getting such issues it simple mean that you don’t have robots.txt file or search engine can’t reach robots. txt file on server. If not have these option it could robots.txt file requires password or robots.txt file disallows access to your robots.txt file.


Q.40. You want that some of your keywords found on search engines but these keywords are related to your content and can only found in images on the page. How will you promote these keywords?
Ans. it’s not so difficult because the content for website related to keyword as said these keywords can be found in images. So, I will use these keywords in image via “alt image tag” and submit it to some image promotion sites.


Q.41. All major search engines are case sensitive Yes or No?
Ans. Not any major search engine is case sensitive so far.


Q.42. Which of the following file is created to give instructions to SE bots?
a. Index.html
b. Spiders.txt
c. sitemap.xml
d. Robots.txt
e. Searchbot.xml
Ans. D- website owner use robts.txt file to give instruction to search engine tools.


Q.42. What is the difference between 301 redirect & 302 redirect?
Ans. 301 Redirect – 301 status code means that a page has permanently moved to new page or location.
302 Redirect – 302 status code means that a page has temporary moved to new page or location.


Q.43. How will you find number of backlinks of your competitors site?
Ans. There are many free tools available online for free to find out the backlinks of website like link operator on Google, Alexa, Backlink Watch , Open Site Explorer,Backlink finder etc.


Q.44. What is the difference between Spiders, Robots and Crawlers?
Ans. It’s tricky question don’t get confuse because spiders and robots are same basically its program which crawls the website and grab its content and add it to search engine indexes.


Q.45. What is the difference between SEO and SEM?
Ans. SEO mainly stands for Search Engine Optimization and SEM stands for Search Engine Marketing. Instead of this SEO mainly provide top position in search engines and organic traffic to a website and SEM involves use of Google adwords and other paid channels of advertising.


Q.46. What is the method to content optimization?
Ans. Everyone use his own method to optimize content but in my opinion few best content optimization methods are: Keyword density in content, Keyword Proximity & Keyword Prominence etc.


Q.47. Do you types of Keywords?
Ans. Yes the types of keywords are primary keywords, secondary keywords, branded keywords, non branded keywords, and seasonal keywords.


Q.48. Did you know what is the difference between targeted page & landing page?
Ans. Page which we have targeted to rank that page known as targeted page and the page which has ranked called landing page.


Q.49. Which are top 5 most important onpage factors according to you?
Ans. As per my experience and knowledge 5 most important on-page factors are:
1. Title
2. Description
3. Heading Tag
4. Image Optimization
5. Content Optimization


Q.50. What are the different method to control the robot?
Ans. We can control the robots via 3 methods which are:
1. Robots.txt
2. Robots Meta Tag
3. Rel= nofollow


Q.51. How will you optimize a website which is made on Flash and what is your suggestion for your client?
Ans. Search engines don’t crawl images and its hard to optimize fully flash website. So, I will recommend to client use the alternative of flash like HTML 5 which is more search engine friendly.


Q.52. What do you understand by Frames in HTML?
Ans. Frame is a HTML techniques which split the content into several parts & search engines see frame page as completely different pages which left negative impact on SEO. So it would be good if avoid frame in website.


Q.53. A client will allow you to take only tool either Google Analytics or Google Webmasters which one you choose?
Ans. Off-course I will go with webmaster tools as we can see few analytics data in webmaster tools.


Q.54. What is Keyword Difficulty?
Ans. Keyword difficulty let us know who difficult to rank a particular keyword.


Q.55. Which is better Robots.txt or Meta Robots Tag?
Ans. Meta Robots tag is much better as because it helps in forcing the search engine crawlers not to index and display the hidden pages in your server.


Q.56. If you have a site that is targeted at a particular country only, which of the following are recommendable to do in order to rank well in country specific search results?
Ans. Very first thing I will check is that website in appropriate language if have than use language attribute in HTML code of page. I will recommend to host the website on the same country hosting after doing will submit website to local search engines.


Q.57. Do you know Matt Cutts, Sergey Brin & Larry Page.
Ans. Yes, Sergey Brin & Larry Page are the founder of Google. Matt Cutts is the head of Web Spam team currently.


Q.58. Do you use separate Seo strategies for Google,Yahoo and Bing?
Ans. Yes, As these are different search engines so need to use different strategies for each. Website ranks in Google which are high authority and good number of backlinks instead Yahoo & Bing give more value to page title & Meta tags.


Q.59. What does the abbreviation PPC stand for?
Ans. Pay Per Click (PPC) measure how much online advertisers must pay each time their advertisement is clicked on.


Q.60. What is LSI?
Ans. LSI mainly stands for Latent Semantic Indexing. It’s a data retrieval techniques which finds connection between words and the use of synonyms while fetching data from the index.


Q.61. Will you use an ordinary html sitemap with Google?
Ans. No, As Google has special format to sitemap compare to ordinary html sitemap and we can create these sitemaps for free which Google accept.


Q.62. You have just launched a new web site. Unfortunately, nobody visits it, even search engines’ spiders don’t notice it. What can you do for its SEO success?
Ans. It happens with new sites some time if I am in such situation I will submit the url to search engines directly or submit in search engines directories.


Q.63. What is the difference between exit rate and bounce rate?
Ans. We all are familiar with bounce rate which indicate the percentage of people who leave a particular website just after viewing a single page on this & exit rate indicate the percentage of people who leaves from a particular page.

Q.64. Can search engines see password protected pages?
Ans. Due to security purpose website owners don’t allow search engines. If we have website which is password protect and an user can’t view after login than the search engines also can’t see it.


Q.65. As a point of view of SEO which link is better Text Link or Graphic Link?
Ans. Text link is far better than graphic link.


Q.66. What is Google EMD updates?
Ans. EMD update its is for “Exact Match Domain” and it was launched in September 2012. As few website rank on top of the search engines just because there name include that keywords and they don’t have quality content anything which helpful for users. So this search engines devalue such type of sites and start giving weight age to high quality and authority sites. Few website maintain their pages updated content and regain the position but most of the website are worthless now days.

Free SEO Tools





1)Traffic Travis : Market Research SEO and PPC optimization tool

2)Keyword Pad : Keyword List Generator

3)Primitive Word Counter : Keyword Density Calculator

4)Keyword Analyzer : Tool for keyword gathering and result estimation

5)Xedant Keyword Harvester : Keyword Harvest Tool

6)Google Keyword Tool : Free Keyword Tool

7)Keyword Density Analyzer : Keyword Density and Word Depth Calculator

8)Niche Watch : Niche Keywords Research

9)Google Suggest Keyword Suggestion : Keywords Suggestion Tool

10)Free Keyword Suggestion : Keywords vs Search Volume Estimator 

11)Keyword Suggestion and Keyword Popularity Tool : Keyword Suggestion along Popularity

12)Google Semantics : Firefox Add-on

13)Alexa Toolbar : Free alexa tool

14)Search Status : Firefox Toolbar Extension 

15)Meta Tags : Firefox Sidebar Add-on for SEO

16)Web Developer : Firefox, Flock, Seamonkey Extension

17)Web Tools Ranking and related Tools

18)Pagerank Lookup : Page Rank Checker

19)Rank Tracker : Search Engine Ranking Tool

20)Check Google Pagerank : Positioning Estimation Tool

21)Google Ranking : Ranking Tool for popular Search Engines

22)SEO Rank Tool : Ranking and Backlink Tool

23)Rank Checker : Ranking Checking Tool for Firefox

24)Gorank : Professional SEO Ranking Tool

25)Alexa Site Information : Website Monitoring Tools

26)Sitemeter : Real Time Reporting Tool

27)Traffic Estimator : Google Traffic Estimation Tool

28)Backlink Watch : Backlink Checker

29)Quantcast : Website Evaluation Tool

30)SEO For Firefox : Page Ranking Extension for Firefox

31)Goingup : Document and Image Converter

32)SEO Monitor : Video and Audio Format Converter

33)Social Poster : Social Bookmarking Tool

34)Google Analytics : website traffic

35)Social Maker : Social Bookmarking and Promotion Tool

36)Website Optimizer : Website Testing and Optimization Tool

37)Web Page Analyzer : Website speed Test

38)Copyscape : Website dupicate content checker

39)Search Engine Spider Simulator : Spider Simulation Tool

40)Web Page Analyser : Web Page Analyser gives a report on the good, and the bad points of the page in SEO terms

41)Builtwith : Website Optimizer

42)Xml Sitemaps : Sitemap Generator

43)Sitemapdoc : Google Sitemap Generator and Editor

44)Automapit : Sitemap Creation Service

45)GWebCrawler & Google Sitemap Creator : Source Code Web Indexing Engine

46)Free Online Sitemap Generator : Online sitemap creation

47)Sitemapxml : XML Sitemap Generator
48)Brokenlinkcheck : Broken link check 


49)Broken Link Checker : Link broken checker


50)W3C Link Checker : Link Checker



JQuery Slideshow Tutorial-P2


In this part we'll add titles, text and links to our slideshow...



Lests Stat:

<div id="slideshow">
     <div id="slideshowWindow">
        <div class="slide">
                    <img src="slide1.jpg" />
                 <div class="slideText">
                     <h2 class="slideTitle">Slide 1</h2>
                     <p class="slideDes">Lorem ipsum dolor sit amet, 
                     consectetur adipisicing elit, sed do eiusmod tempor 
                     incididunt ut labore et dolore magna aliqua.</p>
                     <p class="slideLink"><a href="#">click here</a></p>
                 </div><!--/slideText-->
            </div><!--/slide-->
        <div class="slide">
                <img src="slide2.jpg" />
                                       <div class="slideText">
                     <h2 class="slideTitle">Slide 2</h2>
                     <p class="slideDes">Lorem ipsum dolor sit amet, 
                     consectetur adipisicing elit, sed do eiusmod tempor 
                     incididunt ut labore et dolore magna aliqua.</p>
                     <p class="slideLink"><a href="#">click here</a></p>
                 </div><!--/slideText-->
        </div><!--/slide-->
        <div class="slide">
                <img src="slide3.jpg" />
                                       <div class="slideText">
                     <h2 class="slideTitle">Slide 3</h2>
                     <p class="slideDes">Lorem ipsum dolor sit amet, 
                     consectetur adipisicing elit, sed do eiusmod tempor 
                     incididunt ut labore et dolore magna aliqua.</p>
                     <p class="slideLink"><a href="#">click here</a></p>
                 </div><!--/slideText-->
        </div><!--/slide-->
     </div><!--/slideshowWindow-->
</div><!--/slideshow-->
 
And the css:
 
#slideshow #slideshowWindow {
        width:500px;
        height:257px;
        margin:0;
        padding:0;
        position:relative;
        overflow:hidden;
}
 
#slideshow #slideshowWindow .slide {
        margin:0;
        padding:0;
        width:500px; 
        height:257px;
        position:relative;
}
 
#slideshow #slideshowWindow .slide .slideText {
        position:absolute;
        top:130px;
        left:0px;
        width:100%;
        height:130px;
        background-image:url(greyBg.png);
        background-repeat:repeat;
        margin:0;
        padding:0;
        color:#ffffff;
        font-family:Myriad Pro, Arial, Helvetica, sans-serif;
}
 
#slideshow #slideshowWindow .slide .slideText a:link, 
#slideshow #slideshowWindow .slide .slideText a:visited {
        color:#ffffff;
        text-decoration:none;
}
 
#slideshow #slideshowWindow .slide .slideText h2, 
#slideshow #slideshowWindow .slide .slideText p {
        margin:10px 0 0 10px;
        padding:0;
}


[note : insert your own image on yellow link]

JQuery Slideshow Tutorial



Today I'm going to take you through a simple jQuery slideshow and by going through the process step by step, hopefully show you just how easy it is to come up with an idea and achieve it with jQuery.



Let's start with the HTML.

<div id="slideshow">
    <div id="slideshowWindow">
   
        <div class="slide">
            <img src="slide1.jpg" />
        </div><!--/slide-->
       
        <div class="slide">
            <img src="slide2.jpg" />
        </div><!--/slide-->
       
        <div class="slide">
            <img src="slide3.jpg" />
        </div><!--/slide-->
       
    </div><!--/slideshowWindow-->
</div><!--/slideshow-->


Now Lets add some css:
 
#slideshow #slideshowWindow {
        width:500px;
        height:257px;
        margin:0;
        padding:0;
        position:relative;
        overflow:hidden;
}
 
#slideshow #slideshowWindow .slide {
        margin:0;
        padding:0;
        width:500px; 
        height:257px;
        float:left;
        position:relative;
}





Now we need to add some jQuery to make our slides move. If you haven't got it already, you need to download jQuery. Once you've got it, you'll need to include the file in the head section of your page, making sure that you've got the path correct:
 
<script type="text/javascript" src="jquery.js"></script>
               
Now we can start writing the jQuery code that'll make out slides move.
The first thing we need is our document.ready function. In the head, below where you called the jQuery file, add the following:
 
<script type="text/javascript">
        $(document).ready(function() {
               
               //our code will go here
 
});
</script>
               
Now we're set up and ready to go. First we're going to need some variables. Type the following in the document.ready function:
 
var currentPosition = 0;
var slideWidth = 500;
var slides = $('.slide');
var numberOfSlides = slides.length;
The first variable records which slide we're currently viewing. The slideWidth variable is self explanatory. Next we have a variable called slides which lets us refer to our slides in the jQuery code and the last variable gives us the number of slides in our slideshow. As you can see, it automatically calculates the number of slides by counting the number of divs that are of the class slide.
To get the slides to line up across the page, we need to add another div. We're going to do this with jQuery. This div will hold all the slides and allow the float:left property to work. Add the following code:
 
slides.wrapAll('<div id="slidesHolder"></div>')
Now we need to float the slides so they line up side by side.
 
slides.css({ 'float' : 'left' });
If you remove the overflow:hidden from the slideshowWindow div and run the code now, you'll see what this achieves.
Next we want to set the width of #slidesHolder div. This needs to be set to the width of all the slides added together. We can do this easily in jQuery:
 
$('#slidesHolder').css('width', slideWidth * numberOfSlides);
We're just using jQuery to change the width set in our css. So now we need to move the slides from one to the other. We will require two functions. The first function will determine how far along we are along our sequence of slides, so we know where to go next and so that when we reach the last slide, we know to jump back to the beginning. Here is the function:
 
function changePosition() {
                       if(currentPosition == numberOfSlides) {
                               currentPosition = 1;
                       } else {
                               currentPosition++;
                       }
                       moveSlide();
}
        
The first part of the if/else statement deals with when reach the end of the slide show. When we come to the last slide we want to jump back to the beginning, otherwise the currentSlide variable is simply incremented by 1 and then another function moveSlide is called.
 
function moveSlide() {
        $('#slideHolder').animate({'marginLeft' : slideWidth*(-currentPosition)});
}
This is the business end of the jQuery code, this function sets the left margin of the slidesHolder div to the width of the slide multiplied by the slide number and then animates to that from the current left margin. But if you run your code now you'll notice that nothing is happening. That's because we haven't called the changePosition function yet.
We want the slide to change every few seconds so we'll set a timer that calls the function periodically.
First we need to set a variable to hold the timer. Below the other variables, add the following:
 
var slideShowInterval;
               var speed = 6000;
As you can see we've also added a variable to control the speed. This is the speed in milliseconds, so 6000 is equal to 6 seconds.
So now we need to set up our timer:
 
               slideShowInterval = setInterval(changePosition, speed);
We're using the jQuery setInterval function. It takes two parameters, the function that it calls and the speed. So this will call the changePosition function (which in turn calls the moveSlide function) every 6 seconds.
Your jQuery code should look like this:
 
<script type="text/javascript">
        $(document).ready(function() {
                                                        
               var currentPosition = 0;
               var slideWidth = 500;
               var slides = $('.slide');
               var numberOfSlides = slides.length;
               var slideShowInterval;
               var speed = 3000;
 
               
               slideShowInterval = setInterval(changePosition, speed);
               
               slides.wrapAll('<div id="slidesHolder"></div>')
               
               slides.css({ 'float' : 'left' });
               
               $('#slidesHolder').css('width', slideWidth * numberOfSlides);
               
               
               function changePosition() {
                       if(currentPosition == numberOfSlides - 1) {
                               currentPosition = 0;
                       } else {
                               currentPosition++;
                       }
                       moveSlide();
               }
               
               
               function moveSlide() {
                               $('#slidesHolder')
                                 .animate({'marginLeft' : slideWidth*(-currentPosition)});
               }
 
        });
</script>
Go Next Lesson for Full Slide Code >>
 
Support : Creating Website | Kevin Roy
Copyright © 2013. SEO Support Team - All Rights Reserved
Blog Maintenance by Mister SEO
Google Analytics Alternative