#works for most news sites by showing you the webpage text that is hidden under the 'you've run out of free articles' popup | Explore Tumblr Posts and Blogs

siva3155 · 4 years

Text

300+ TOP BOOTSTRAP Interview Questions and Answers

Bootstrap Interview Questions for freshers experienced :-

1. What is Bootstrap? Bootstrap is a front-end framework that is used for creating HTML, CSS, and JS web applications. Its layout is very responsive, easy and fast to use. It mostly focuses on building a mobile application with having design templates for creating UI like Dropdown, Forms, Buttons, Alerts Tab, etc. 2. Why Bootstrap is used for Mobile Web Development? It is used for Mobile Web development because it has responsive designs and templates which is easy to use. 3. Explain the features of Bootstrap. Its Features include: Open Source for use Compatibility with all browsers. Responsive designs Easy to use and fast. 4. What is the key components of Bootstrap. Its components include: Scaffolding – It has the grid system, background, styles. JS Plugins – Contains JS and jQuery plugins. Customize – Can customize frameworks. CSS – Contains CSS files. 5. What do you understand by Bootstrap container? Bootstrap container behaves like a container where you can put HTML code and it is a part within the page where the content of the site can be placed to make it responsive and fast. 6. What do you mean by Bootstrap Classloader? Bootstrap class loader is a part of java and a main parental class of class loader. 7. How many types of layouts are there in Bootstrap? There are two types of layouts in Bootstrap. They are: Fluid Layout Fixed Layout 8. What is Fluid Layout. Fluid Layout is useful when you need to make an app which involves the full width of the screen i.e. Fluid Layout adjusts itself according to the browser size. 9. What is Fixed Layout. Fixed layout is responsive and easy to use but just like the fluid layout, it cannot adjust itself according to the browser size. Fixed Layout should be 940 px in most cases. 10. How can you display a code in Bootstrap? You can display the code in two ways i.e. by using the tag and by using the tag.

BOOTSTRAP Interview Questions 11. When will you use tag and tag? tag is used to show the code inline and tag is used to show code with multiple lines. 12. What is a progress bar in bootstrap? Progress bar is used with HTML tag style in HTML element using keyword. In bootstrap we used html5 with CSS classes that have special features in bootstrap, that is only made for the progress bar. 13. Name the contextual classes that are used with the progressive bar in bootstrap. The contextual classes used with progressive bar are as follows. Progress-success Progress-info Progress-warning Progress-danger 14. What are responsive utility classes in Bootstrap? Responsive utility classes in bootstrap are a set of classes which are used to conceal or exhibit the HTML elements based on screen resolution that discerns by media query in bootstrap. Example: “hidden-md-down”, It hides 15. What are the different button styles in Bootstrap? In bootstrap there are seven styles which we can use with the bootstrap button. .btn-default. .btn-primary .btn-success .btn-info .btn-warning. .btn-danger. .btn-link. 16. What are Bootstrap alerts? This is used to create presume alert messages, which adds style to the messages to look more noticeable to the user. There are four classes in alerts i.e .alert-success, .alert-info, .alert-warning, .alert-danger. 17. What is Bootstrap thumbnails. It is a way to use the layout images, videos, text etc. in a grid system. We can create thumbnails by adding a tag with the class .thumbnails around the image. This will add four pixels of padding and a grey border. 18. Explain Modal plugin in Bootstrap. A model is an inherited window that is layered over its parent window. This is used to augment the user experience and adds different functionalities to the users. Model windows are created with the help of the modal plugin. 19. Which class is used for pagination in Bootstrap? To add pagination on the webpage we have to use the class .pagination. 20. Explain what is Bootstrap collapsing elements. It allows you to collapse any particular element without using any JavaScript code. To use this feature in bootstrap you have to add data-toggle=” collapse” to the controller element along with a data target to automatically assign the control of a collapsible element. We can use this by writing .collapse(options. etc. 21. What is Bootstrap Well? Bootstrap well is a form of container which thrives or makes the content to look recessed on the web page. It also wraps the content by using .well class. 22. Explain the uses of carousel plugin in Bootstrap. Carousel plugin in bootstrap is used to make sliders in the web pages or your site. There are several carousel plugins that are used in bootstrap to display large contents within a small space by adding sliders. Example: .carousel(options), .carousel(‘pause’), .carousel(cycle’), .carousel(‘prev’), .carousel(‘next’). 23. What will be the output of the below code and why? 75% successfully completed 30% completed with warnings 15% did not complete If we place multiple bars with the same .progress parent element, Bootstrap will pile them into one single progress bar. As we know, in bootstrap the sum of the progress bar is 100 %. So, the progress bar will give the result as full width and fully populated. 24. How can we customize links of pagination in Bootstrap? We can customize the links by using .disabled for unclickable links and .active for indicating the current page. 25. Explain input group in Bootstrap. Input group in bootstrap are put out from controls. By using an input group, we can easily add prepended and appended text or button to the text-based inputs. We can prepend and append elements to a .form-control by taking all the elements in a under a class .input-group. After that, place your extra content inside a in same by using class .input-group-addon after this you can place the element either before or after the input element. 26. Write the ways to create a tabbed navigation menu in Bootstrap. We can create a tabbed navigation by making a basic unordered list with the base class of .nav and after this, we can add class .nav-tabs. 27. In Bootstrap, how can you create a pills navigation menu? Pills navigation menu in bootstrap is created by making an unordered list at first with the base class of .nav and after this add the class .nav-pills. 28. How navbar works in Bootstrap? In bootstrap, navbar is an eminent feature to make responsive meta component that works as navigation headers for your application and site. In mobile view, navbar collapses and become horizontal as the available viewport width increases. 29. How we can create a navbar in Bootstrap? To create a navbar in a bootstrap at first, we have to add the classes .navbar, .navbar-default to the tag. After this, we have to add the role=”navigation” to the above element, and this will help in accessibility. We have added a header class .nav-header to the element, which will include an element with a class navbar brand. From this, we will get a text with a larger size. 30. What is Bootstrap breadcrumb? Bootstrap breadcrumb is an efficient way to show hierarchy-based information for a site. This can show the dates of publishing, categories or tags in a blog. They also tell the user about the current page location within a navigational hierarchy. So we can say that Bootstrap breadcrumb is simply an unordered list with a class of .breadcrumb. 31. What are labels in Bootstrap? Bootstrap labels are used for offering counts, tips or other things to provide markup on web pages. To use the label in Bootstrap we use the class .labels to indicate the labels. 32. What are badges in Bootstrap? Badges are homogeneous to labels, the main difference between them is corners are more rounded. The main work of badges in the bootstrap is to highlight new or unread items. To use badges just add to links and bootstrap navs. 33. What is a jumbotron in Bootstrap? It is used to increase the size of headings and to add a lot of margins for landing page content. To create a jumbotron we have to create a container with the class of .jumbotron. 34. How can we make image responsive in Bootstrap? After the updates in Bootstrap, currently the feature to make an image responsive has been added, we can do this by adding a class .img-responsive to the tag. This class makes the width max-width =100%; and height=auto; to the image so that it matches nicely to the parent element. 35. What do you mean by normalize in Bootstrap? Bootstrap normalize is a small CSS file which is used to make cross-browser consistency. 36. What is lead body copy in Bootstrap? It is used to add some ascent to the paragraph if we add class=”lead”. This will enlarge the font size and a taller line height. 37. What are panels in Bootstrap? Panels are components that are used when you want to put your DOM component in a box. So, to retrieve a basic panel we just need to add class.panel to the element. We can also add class.panel-default to this element. 38. How will you create a Bootstrap panel with heading? There are two ways by which we can add panel heading. First is, we can directly use .panel-heading class to add heading container in a panel and the second way is by using any heading tag like

to with a .panel-title class to give more styles on the heading. 39. What is a scrollspy plugin in Bootstrap? It is an auto-updating nav plugin which allows in fetching section of the page based on the scroll position. This can be done by the .active class to the navbar based scroll position. 40. What is the work of affix plugin in Bootstrap? This plugin allows a to be attached to a location on the page. Use of the social icon in a page is an example for this in which we see that the icons will start in a location, but when the page hits on a certain mark it will block the in place and will stop the scrolling for rest of the page. 41. What is grid system in Bootstrap? By using the grid system, we can make up to 12 columns across a page. There are different classes which have been What isd for this for the UI purpose. 42. What are Grid classes in the Bootstrap? There are four grid classes in Bootstrap. They are: xs (It is used for phone screens less than 786px wide). sm (It is used for the tablet screens which are greater than 786px wide). md (It is for small laptop screen of size equal to or greater than 992px wide). LG ( It is for laptop and desktop screens which are equal to greater than 1200px wide). 43. What are global styles that are used in Bootstrap Default Typography? In Bootstrap the global default font-size is 14px and the line height is 1.428. The default font changes to Helvetica and Arial are with sans-serif fallback and all these styles are applicable for both body and all paragraphs. 44. What will be the output of the below code? .col-xs-12 .col-md-3 The output of this will give the grids for extra small devices as we can see in the snippet col-xs-12 that has been used and it will also give the grids for desktop devices and above as the class col-md-3 has been used. 45. What dependencies does Bootstrap require to work properly? jQuery is the only dependency that bootstrap requires for working properly and this is only for JavaScript plugins in bootstrap. 46. Explain what the below code will do? Home 36 This code will produce a link with an inline badge which will give an important notification to the user like number received, message received or the number of requests etc. 46. What are the two codes that are used for code display in Bootstrap? The codes are tag and tag. 47. What is the difference between Bootstrap and Foundation? Bootstrap uses very fewer preprocessors as it supports less and it allows the designing and development for both mobile and desktop. On the other hand, Foundation supports sass processors and it is used only for mobile UI designing. 48. What are Glyphicons in Bootstrap? By this, we can use the icon simply anywhere in your code. 49. What is a transition plugin in Bootstrap? It provides simple transition effects like sliding or fading in modals. 50. Explain the concept of creating a vertical or basic form in Bootstrap. For this first we have to add a role form to the parent element then we have to wrap labels and controls in a with class.form-group and then we have to add a class of .form-control to all text url , and elements. 51. How do we create a table using bootstrap? Example of table using bootstrap: Table Example

Table Example

IdNameAge 7014Atul22 7016Shivaay28 7018Viraj26 7002Varun23 Bootstrap Questions and Answers Pdf Download Read the full article

0 notes

9rimes-blog · 5 years

Text

Define Paid Marketing Ezines Solo Advertisements

Determine Paid Advertising - Ezines Solo Advertisements

It is usually said that Compensated Promoting is the FASTEST way to get Web page targeted traffic. PERIOD.

I determine Paid Internet marketing because the marketing and advertising technique such as the identify, in which you purchase exposure or targeted visitors. It is the quickest approach to be on site amongst any search term phrase you would like in a I am digital ninja very subject of minutes with Google AdWords. On the other hand, the minute you stop shopping for these clicks from Google your promoting stops.

There are various approaches to get rolling in "Compensated Advertising" with a little price range. These is usually useful in obtaining things rolling When you're planting seeds as part of your picked out areas of advertising. I've found out as Marketers mature, Compensated Advertising and marketing is always component of their blend.

For the objective of this text, I will touch on the main a few "paid out internet marketing approaches" now used on the Internet to travel traffic to an internet site, capture webpage with the sole objective of creating a sale or building a record to promote to afterwards.

The 1st is AdWords, or Google Search Engine Marketing and advertising. Their names are getting to be so popular that we from time to time rely on them to make reference to paid out promoting, similar to Kleenex is actually a smooth facial tissue but we use the brand name title when referring to any brand of tissue. AdWords and Google are manufacturer names, but given that they are the foremost gamers we seek advice from The full tactic by their names. Really, far more properly we should always simply call it Pay back-Per-Click Advertising and marketing (Google, Yahoo, MSN & Many others). Often known as Pay back For each Ranking, Shell out For every Placement, Pay out For every Placement or Cost For every Simply click, this strategy lets you place an advertisement for your web site at the best of internet search engine success by utilizing keyword phrases that very best describe your service or product. It's a competitive and dynamic marketplace - the higher you bid, the upper your advertisement is going to be exhibited on the listing.

Diverse than regular print advertising and marketing, you pay back only whenever a searcher clicks in your listing and connects to your web site. You don't shell out to obtain your ad detailed; You merely pay for clicks or "simply click as a result of". Which means you are literally purchasing the visitors to your web site. And Here is a furthermore, there won't be any other hidden charges.

Pay out-For every-Simply click is a complicated advertising technique which includes a substantial Mastering curve. 1 should have a spending plan of a minimum of $two,000 a month to invest and it is extremely suggested to complete your "Discovering procedure" with other procedures so that your Mastering curve will not be so highly-priced. To advertise efficiently with Fork out- for every-click on (PPC) you must be ready to spend money on your instruction for those who anticipate this technique to generate results. Even so, with that currently being mentioned, In case you are Prepared to understand this technique it can be very successful!

Though many credit score Jeffrey Brewer of Goto.com, and Goto.com founder, Bill Gross, for commencing PPC (Shell out-For every-Click) it was not till October of 2000 that AdWords' program with Google was launched, allowing for advertisers to develop text ads for placement about the Google online search engine. Then in 2002, you really paid for every "click on" as prior advertisements had been billed at Expense-for every-thousand impressions.

Now, PPC is a web advertising design used on Web sites during which advertisers fork out their host only when their ad is clicked. With engines like google, advertisers normally bid on key phrase phrases pertinent to their target marketplace. Articles web pages commonly charge a set price tag for every click in lieu of use a bidding procedure.

Although numerous PPC suppliers exist, Google AdWords, Yahoo! Lookup Internet marketing, and Microsoft adCenter tend to be the three major network operators, and all three run under a bid-primarily based model. Cost for each click on (CPC) may differ based on the search engine and the level of Competitors for a certain search phrase.

[Key phrase] A word or phrase entered right into a online search engine in an effort to get the online search engine to return matching and applicable effects. Key phrases are employed to look for content within a databases and also "tagged" to a website in order that when men and women use that unique term to go looking, They are really triggered that specific web page.

The second is Ezines Solo Ads, which may be a better choice for the individual initially beginning generally due to the minimal Price dedication essential.

Ezines Solo Ads

Ezine Marketing and advertising is probably the preferred ways of lots of prime producers. The key reason why for this is that Ezine marketing and advertising lets you "piggy back" from the reliability of somebody else As well as in essence "lease" another person's listing!

Ezines is a web based inventory of newsletters that men and women subscribe to and the place Site house owners keep up a correspondence and Create interactions with their readers. Ezines are used to share information, updates, and Site promotions. When an Ezine sends out an electronic mail with the advertisement in it the reader normally takes it a lot more significantly mainly because they have a "romance" founded Using the Ezine.

Pretty much each individual Ezine accepts promotion from 3rd parties. By mixing a few compensated adverts in with their content material, Internet site house owners can defray the price of working an Ezine and open up up an extra stream of income. You are able to location an advertisement for your website, products, or provider in various Ezines. It is important to find an Ezine that narrowly targets the market you're looking to achieve. This could insure that your present is suitable to a greater proportion with the Ezines' followers.

The costliest (but certainly the ideal) form of Ezine advert is called a solo advertisement. Solo Advertisements, given that the name implies, means "just one ad." When you just take out a solo advert, your ad is the only real a single the reader in the Ezine will see.

The 3rd is ListBuilders, which has become the tactics I begun with as I had been creating my Article Promoting competencies. ListBuilders are online products and services you can mail a thousand's of SOLO Advertisements to their customers in the shape of e-mail. "ListBuilders" are very helpful when utilized continuously. You may usually join them free of charge, but the true benefit is during the up grade. The Associates with "totally free" accessibility are presented credits to send ads or e-mails dependant on the volume of other advertisements they examine or web pages they go to.

To improve, you spend a just one time or annual payment, and after that you're able to instantly distribute ads for their database. You are frequently restricted to a specific amount of e-mails within just a particular range of times. You will also start off obtaining e-mails (advertisements) from other customers. This may replenish your "Spam Box". Then when you further more enhance you are allowed to send out even greater quantities of email messages and occasionally not needed to carry on obtaining emails from other associates. These solutions usually offer other similar goods like banner ads and bar ads (which are short adverts for your products or services) that could show up on cooperating Web sites to even further travel additional traffic to your internet site.

youtube

When starting out, ListBuilders might be a fantastic source not just to leap start out site visitors coming for you, but they also provide a window for you personally to observe what Other people are performing, that can consequently sharpen your capabilities.

Other forms of Compensated Promoting are, Banner Promotion, promotion that appears on a website, ordinarily being a banner across the top of the webpage, and Fb Promoting which is obtainable for people with budgets below $thirty,000 per month. -LOL- These and Many others I'll go into much more element afterwards, and on my Web-site.

So So how exactly does this all tie in that has a person who will want to commence promoting a product or company, or maybe on their own on the Internet? Paid Advertizing is a terrific useful resource and extensively employed by men and women that totally have an understanding of our marketplace. Not a spot to get started on, but a location to use "free" procedures when you are Finding out the ropes and so are training new located methods. With any Internet Internet marketing Approach, most vital is that you uncover the tactic that you prefer most and are comfortable carrying out. If you take pleasure in the procedure you'll be sure to be improved at it. And the higher that you are at it, the greater very likely you can expect to turn out to be in step with its implementation. You will see which the method you decide on is much less significant than your capacity to do it continually in an effort to attain success.

It is best to only pick one or two Original procedures to center on at just one time. The best tactic for 1 individual will not be the most beneficial tactic for yourself. I concur it may possibly feel overwhelming from time to time, but really the procedure might be pretty easy if 1 focuses on just one system at a time. There are actually unrestricted training programs, World wide web applications, Web sites and courses that may help you be more effective and productive in Every separate class or strategy you end up picking. Having someone that can help information you thru the method, pointing out which resources and applications present probably the most enable, not merely will help save your sanity, but in addition can save you a huge selection of hrs and A huge number of bucks in the method.

Soon after you choose which strategy you need to implement, you will need a system or platform to manage most of these tasks suitable to These strategies. The system must also contain help coaching so you Really don't spend infinite time looking to just get going.

#seo #search engine #marketing #digital #internet

0 notes

dyernews · 5 years

Text

Money at 30: Zeta App Review

Just about everyone these days knows that one of the most common topics those in relationships argue about is money. At the same time personal finance apps that help you stay on top of your spending and budget have become plentiful in recent years. Therefore it only makes sense that a finance app aimed at couples would come along — and that app is Zeta.

Let’s a look at what Zeta has to offer for couples including some of my thoughts on its best features and a few minor flaws.

Using Zeta to Manage Your Money

Signing up and adding accounts

Joining Zeta is not unlike signing up for most other apps, starting with entering your e-mail address and creating an account password. Next the app will ask for your name, birthdate, etc. Plus, since Zeta is designed to be used by couples, it also inquires about your partner’s name and your relationship to them. Of course you’ll also be asked to invite your partner to Zeta so that you can manage your money together.

With that out of the way, you’ll answer a few basic questions about how your finances are arranged. For example the app will ask if you typically use a personal bank account or shared account to pay for personal expenses. It will also ask about how you and your partner split your finances, which we’ll touch on a bit more later.

After this brief questionnaire, the next step in getting set up with Zeta is to link your various financial accounts. Like so many other personal finance apps these days, Zeta utilizes Plaid to securely obtain relevant data from these accounts in order to help you monitor your transactions and maintain a budget within the app. As you’re adding these account you can also designate them as Shared, Personal, or Private. Selecting an account as Shared will allow both partners to view balances and transactions for a given account, while Personal will allow your partner to only view balances. Finally marking an account as Private will render it hidden from your partner.

Overview, budget, and transactions

Once you have Zeta all set up, the first tab you’ll encounter in the app is aptly titled Overview. This basically serves as your dashboard for Zeta and includes numerous pieces of information. Following a welcome message and an always-fun quote that sits at the top of the screen, the first element you may encounter in the Overview screen is an alert regarding new transactions available to review. Scrolling down will reveal other widgets such as your current months’ cash flow, your budget status, recent transactions, and a snapshot of your account balances.

Tapping any of these widgets will take you to expanded sections of the app. For example selecting your budget from the Overview screen will not only allow you to view more details on where you stand but also make changes to your budget overall. This includes the ability to change your expense sharing percentage, update budget category and savings goal numbers, and even create new categories if necessary.

Speaking of spending categories, like many apps, Zeta does its best to automatically categorize transactions made using your linked accounts. What’s cool is that you have a lot of options for how else you want to categorize transactions, who you want to be able to view purchases, and more. When you tap any given transaction, you’ll be taken to a screen where you can not only see more details but also select whether it should be marked as personal, shared, or private (it will default to whatever setting you selected for that account). Beyond the ability to label the budget category — including creating custom categories — you can elect to split a transaction between partners. But perhaps my favorite feature in this section is the ability to attach a memo to any transaction, which will cover a bit more in the next section.

Memos and bills

As I just mentioned, Zeta allows users to add memos to any transaction. Using this feature, you can ask your partner for clarification on a purchase you don’t remember, add reminders about upcoming due dates, or really any other helpful notes you see fit. You can then view all of these notes by visiting the Memos section of the app, accessed by tapping “More” and then “Memos” in the app. You or your partner also have the ability to respond to any of these memos, making it a simple way to communicate when you can’t meet face to face.

Another feature of Zeta I found helpful is the Bills section, also reached via the More tab. From what I can tell, Zeta automatically picked up on due dates for certain recurring bills based on your transaction history and places them on a calendar. You can refine these due dates by making changes to their recurring cycle, amounts, and spending category . Of course you can also manually add other bills you wish to keep track of. Even better, Zeta allows you to select from various reminder options (email, text, push notifications), and select whether these reminders should go to you or both you and your partner. Oh, and you can add custom emojis to mark your billing calendar with — a surprising nice touch.

My Experience with Zeta

Selecting bill alerts

Of all the features Zeta has, the bill due calendar may just be my favorite. First of all I was impressed with how the app automatically detected recurring dates and took a lot of the work out by filling the calendar for me. Plus the ability to remind myself and my wife about upcoming due dates — and via my preferred medium — is also super helpful. To be fair most of the items Zeta found are already set up to autopay but there’s definitely still value in knowing when certain transactions will be coming up and receive alerts about those that won’t pay themselves.

The “More” tab

Speaking of the bill calendar, as I noted, this feature is included in the More section on the app along with a few other tabs. This actually raises an issue I have with Zeta in that I find the whole More tab to be a bit clunky. Not only is it somewhat annoying to have to tab an extra button to access what I want (woe is me, right?) but the app also defaults to the main line up once you select your tab, meaning that going from Bills to Memos requires you to hit the More tab in between. It’s also ironic that these happen to be my two favorite features, so perhaps I’m just a bit biased in this area. Regardless I hope the app can find a more elegant way to lay out their navigation and make switching between functions easier.

Building a budget

Another minor annoyance I found in Zeta is that building a budget can be a bit cumbersome. For example, although Zeta auto-categorizes transactions from the jump, it seems you need to start from scratch when selecting which categories to focus on instead of just plugging in numbers to some preset favorites. To be clear, you can add a number of pre-programmed categories and have transactions show up under those tags but, until you do so, they’ll simply be lumped into “everything else.” On the one hand this actually works fairly well for my wife and I as we only focus on a few spending categories instead of getting too granular, but I suspect those who want a more line by line budget may find this set-up process tedious — especially as the “Edit Budgets” workflow seems to operate more like a webpage than an app to me, offering autofill but not great support for scrolling.

Not to pile on but my issues with the budgeting section don’t stop there. For one thing, as far as I can tell, the only way to access this feature is via the widget in Overview. Sure it has a fairly prominent position there but, considering that budgeting is a big part of managing your money, I’d expect it to have a proper home of its own.

Zeta on desktop

After that rant about the troubles I had trying to set up a budget in Zeta, I found that the task is made easier via Zeta for desktop. That’s right — you can also access all of your Zeta data by visiting their website and logging in. The larger screen makes adding new budget categories much easier than on the app. Plus you can access much of the same info and other tabs you do on the app in a slightly rearranged form. For that reason I’d definitely recommend trying out the desktop site when getting started with Zeta and then making subsequent changes and updates via the app.

Final Thoughts on Zeta

Overall I found myself really appreciating some of Zeta’s features. Some of my personal favorites included the ability to append memos to transactions, set bill reminders, and build savings goals into your budget. On top of that I can definitely see how the app could succeed in helping couples stay on top of their finances and manage their money more effectively.

With that said, like I mentioned in my review of Honeydue, I do question some elements of the app’s premise. While I’m all in favor of married couples still retaining separate bank accounts, I can’t help shake the perception that having private or secret accounts feels duplicitous. However I fully acknowledge that not all couples are alike nor is everyone using Zeta going to be in a place in their relationship where they can fully merge their finances. Therefore, although I wanted to at least mention this, I realize I may be unfairly judgemental here.

All in all, aside from the tweaks I recommended regarding setting up your budget, I really like what Zeta has built. Admittedly my wife and I may not use it quite as intended but I do think that the bill reminders could certainly be of use to us as an extra backup. So, if you and your partnering are looking for an easy way to manage your finances together and master your money, Zeta could be a great place to start.

Per FTC guidelines, this website may be compensated by companies mentioned through advertising, affiliate programs or otherwise. (Note: advertising relationships do not have any influence on editorial content. Advertising compensation allows DyerNews to provide quality content for free. All editorial opinions are those of the individual author and/or Dyer News.)

The post Money at 30: Zeta App Review appeared first on Dyer News.

0 notes

catherinesnyder · 5 years

Text

Top 10 web design tips to get the ideal website

Let’s be clear: web design is an involved discipline that can take a lifetime to master. As if that weren’t hard enough, it’s also a field that’s evolving every second as technology keeps advancing—imagine da Vinci’s frustration if people complained the Mona Lisa “looked old” after just five years.

Web design is something that pretty much everyone on the managerial end of a business has to deal with, but only design professionals truly understand. If you want a great web design, you have to learn the basics, so you can communicate want you want. Even if you’re hiring a professional to design your page for you, you still need some background information to discern a talented web designer from a mediocre one and explain what you need them to do.

We know how hard it is for non-designers to get the hang of this whole web design thing, so we created this handy guide to walk you through the basics. Here are the top ten web design tips you need to know about (plus some useful dos and don’ts), divided into three categories: Composition, Aesthetics and Functionality. Whether you’re hiring a designer or DIY-ing, check your final web design for these ten fundamentals.

Composition —

1. Clear out the clutter.

First, let’s address one of the most common beginner mistakes in web design: a cluttered screen. Most people have a list of everything they want on their website, and without knowing any better, they just throw it all on screen��and on the same page.

Web design by Slaviana

Basically, every element you add to your web design waters down all the others. If you include too many distracting elements, your user doesn’t know where to look and you lose a coherent experience. By contrast, if you only include the necessary elements, those elements are more potent since they don’t have to share center stage.

More white space means less clutter and that’s what really matters in a minimalist, clean web design.

– Slaviana

See how the home screen in the Intenz example by Top Level designer Slaviana features nothing but the essentials: navigation menu, logo, tagline, main call-to-action (CTA) and some sparse imagery for atmosphere and to show off the product. They feature other information of course, but present it later so their screens are never too crowded. It’s the visual equivalent of pacing.

For a web design to be effective, it needs to be streamlined—there must be a clear path or paths for the user to follow. There are many different ways to achieve this (some explained below), but the first step is always to create space for high-priority elements by removing low-priority ones.

Do:

Trim the fat. Audit your designs for the essentials. If an element doesn’t add to or improve the overall experience, remove it. If an element can live on another screen, move it there.

Limit pull-out menus. Pull-out menus (drop-downs, fold-outs, etc.) are a good way to reduce clutter, but don’t just sweep your problems “under the rug.” If possible, try to limit these hidden menus to seven items.

Don’t:

Use sidebars. New visitors probably won’t use them. Plus, if all the options don’t fit in your main navigation menu, you need to simplify your navigation structure anyway (see below).

Use sliders. The motion and new images in a slider are distracting and they weaken your control over what your users see. It’s better to showcase only your best images, all of the time.

2. Use ample white space.

How are you going to fill all that space you created after clearing out the clutter? Might we suggest filling it with nothing?

Web design by Hitron

Negative space (a.k.a. white space) is the technical term in visual arts for areas in an image that do not attract attention. Typically, these are empty or blank, like a cloudless sky or a monochrome wall. Although boring on its own, when used artistically, negative space can complement and enhance the main subject, improve legibility and make the image easier to “take in.”

My mantra is: simple is always better. It draws attention to what’s important for the user almost instantly. Also, simple is attractive.

– Hitron

In the Streamflow example by Top Level designer Hitron, the tagline and CTA take the main focus, not because they’re flashy or garish, but because of all the negative space around them. This landing screen makes it easier for the user to understand what the company does and where on the site to go next. They include gorgeous imagery of the clouds, too, but in a beautiful, minimalistic way—a clever composition with plenty of strategic negative space.

Do:

Surround your most important elements with negative space. The more negative space around something, the more attention it receives.

Avoid boring layouts with secondary visuals. Other aesthetic elements like color or typography (see below) can pick up the slack visually when there’s a lot of negative space.

Don’t:

Emphasize the wrong element. Surround only top-priority elements with negative space. For example, if your goal is conversions, surround your email or sales CTA with negative space—not your logo or sales pitch.

Use busy backgrounds. By definition, backgrounds are supposed to go largely unnoticed. If your background doesn’t have enough negative space, it will steal attention from your main elements.

3. Guide your user’s eyes with visual hierarchy.

If using a technical term like “negative space” didn’t phase you, what do you think of “visual hierarchy”? It refers to using different visual elements like size or placement to influence which elements your user sees first, second or last. Featuring a big, bold title at the top of the webpage and tiny legal information at the bottom is a good example of using visual hierarchy to prioritize certain elements over others.

Web design by Canvas Creation

Web design isn’t just about what you add to your website, but how you add it. Take CTA buttons; it’s not enough that they’re simply there; skilled designers place them deliberately and give them bold colors to stand out and suggestive text to encourage clicks. Elements like size, color, placement and negative space can all increase engagement—or decrease it.

The Shearline homepage example above prioritizes three elements: the title, the image of the product and the call to action. Everything else—the navigation menu, the logo, the explanatory text—all seem secondary. This was a conscious choice from the designer, enacted through a smart use of size, color and placement.

Chart explaining the basics of visual hierarchy. Via Orbit Media Studios.

Review this chart from Orbit Media Studios to learn how to attract or repel attention. It’s an oversimplification of a complex topic, but it works well for understanding the bare basics.

Do:

Design for scannability. Most users don’t read every word of a page. They don’t even see everything on a page. Design for this behavior by making your top priorities hard to ignore.

Test multiple alternatives. Because visual hierarchy can get complicated, sometimes trial-and-error works best. Create a few different versions (“mockups”) and show them to a new set of eyes for different opinions.

Don’t:

Use competing elements. Visual hierarchy is about order: first this, then that. Stagger how much attention each one of your essential elements receives so your users’ eyes easily follow a clear path.

Go overboard. Making elements too big or featuring too much color contrast can have the opposite effect. Use only as many attention-grabbing tactics as you need—and no more.

Aesthetics —

4. Choose your colors strategically.

Now that you’re familiar with the concepts of good composition, let’s talk about the specifics of that composition. We’ll start with color, a powerful tool for any designer.

Web design by Desinly

For one thing, every color has a different emotional connotation. If your brand identity is passionate and energetic, an exhilarating red would fit better than a tranquil blue. Aside from choosing the best colors to represent your brand, you also need to use them well, like contrasting colors off each other to establish visual hierarchy.

To use color effectively in web design you have to understand how colors are formed and how they relate to each other. Harmony and balance are the keys to success.

– Desinly

Just look at how Top Level designer Desinly uses orange in the web design for Oil Sands Masterclass above. First, orange is a smart choice because it’s often associated with the heavy operation equipment the company deals with. On top of that, they pair the orange beautifully with a black background to make it stand out more. They also use the same color consistently as a highlight for keywords and buttons, plus they even integrate it into the background photography.

Do:

Establish a color hierarchy. Use a single color each for your main elements (primary), highlights (secondary) and other less-important elements (background).

Stick with consistent themes. Once you have an established color palette, stick with it. Keep your primary, secondary, and background colors consistent throughout your entire site.

Don’t:

Choose your own personal favorite colors. The effects of colors have a proven effect on marketing. Research color theory and don’t waste a critical branding opportunity.

Clash colors. Choosing colors logically isn’t enough; they also need to go well with each other. Purple and red may both represent your brand well, but the effect is lost if they clash and make an ugly final design.

5. Don’t skimp on photography.

Web design by JPSDesign

Although optional, if you do choose to use real-life photography in your web design, make sure you do it right. Effective, meaningful photography can further your business goals, but poor-quality photos hold you back.

With photography there has to be a connection between branding and concept. Photography can create contrast, attract attention or even draw your eyes to the next section of the page.

– JPSDesign

Using photography in web design follows many of the same guidelines for good photography in general. A stunning photo hung in an art gallery can be just as stunning on a website, but the mood, style and topics have to coincide. Just look at the tantalizing photograph in Top Level designer JPSDesign’s web design above. Those blueberries would look delicious anywhere, but it’s particularly effective on a grocer’s website.

Do:

Use real people. Images of people tend to engage users more—especially pictures of your actual staff or actual customers.

Set the right atmosphere. Photography comes in almost infinite styles, so use the ones that best reflect what your website is going for. If you want a cheerful website, use pictures of people smiling.

Don’t:

Use obvious stock photography. The operative word there is “obvious.” Stock imagery can be beneficial, but only if the user doesn’t realize it’s stock.

Use low resolutions. This is the era of high definition, so low-resolution photography makes a brand seem old or unsuccessful. Bonus tip: use a compressor to reduce large file sizes so you can have your cake and eat it too.

6. Optimize typography to build your brand.

While the words you or your copywriter choose are extremely influential, you can also enhance their effectiveness by giving them the right look.

Web design by Studio Ubique

Typography encompasses all the visuals of text, particularly fonts, but also other elements like size, text color, style (italics, bold, etc.) and the spacing between letters, words and lines. All of these impact the visual hierarchy and how your brand is perceived.

Typography can be visually appealing, but if you use distracting fonts, your reader won’t be able to focus on what you’re trying to say and can become irritated with your website. Combining bold typography with a minimalist twist is your winning ticket.

– Studio Ubique

Like colors and photography, typography comes in a diverse array of styles, so pick the one that complements your brand most. To add a little sophistication to the Her Habesha web design above, Top Level designer Studio Ubique uses a striking yet classy typography for the titles. But notice how the typography changes to subtle, modern sans-serifs for the product titles below the pictures to achieve a balance.

Do:

Use web fonts. For all the variety in fonts, remember to stick with verified “web safe fonts” that can be displayed on most devices and computer monitors. You can learn how to identify them here.

Study the different types. Do you know what a serif is? Typography is extremely nuanced, so bone up on the five types of fonts to give yourself some context.

Don’t:

Overuse flashy fonts. Flamboyant, attention-grabbing fonts can work well for titles or standalone words, but are too distracting when used excessively.

Use the same typography for everything. As in the Her Habesha example, typography works best when it’s balanced. Use different sets for headers, subheaders and body text—and stay consistent with these sets throughout the site.

Functionality —

7. Streamline navigation.

Finally, we move on to functionality: what your site can do. The conversation about functionality should always start with navigation, the backbone of any website.

Web design by martinthehorrible

Everyone has their own methods for finding their way around a website. A good web design caters its navigation to its target users so that it feels intuitive—the less users have to think about it, the better.

But that’s no easy feat. It starts with how the entire site is organized: what gets its own page, what gets shunted to a subpage, what is and is not featured in the main menu. Each of these questions need to be answered before the actual web design really takes off.

From there, you have to design your navigation in a way that’s easy for visitors to use, just like in the example above.

Do:

Find a balance for the amount of options. You want to give users plenty of options, but you don’t want to overwhelm them. Organize your page categories in a way that satisfies these conflicting goals.

Build navigation around real user data. When shopping for shoes online, some users would search under “clothing” and some under “accessories.” Different user groups have different preferences; build your navigation architecture around how your users think, according to actual data. You can conduct some user tests if you’re in the dark.

Don’t:

Experiment with unusual formats. While experimentation in healthy doses can elicit some new and great ideas, it’s not recommended for something as vital as navigation. To avoid making your user think too hard, stick to the conventions that users already understand: top header navigation menu, logo linked to the homepage, search bar with magnifying glass icon, etc.

8. Prioritize mobile.

Web design by Ink’d

Older (but not old!) people tend to think of web design in terms of desktop screens, but the truth is nowadays people do most of their browsing on mobile devices. That’s why you need to make sure your mobile site is in peak condition. Not just for your user’s sake, but for Google’s as well—the Google algorithm factors in mobile responsiveness to their search rankings.

“Mobile responsiveness” refers to how well your site appears on small-screen devices. If your website is cut off on mobile devices or the images appear in the wrong places, your visitors won’t have a pleasant experience using your website. In addition to smaller screens, mobile devices also have a whole new set of design guidelines, including controls like “swipes,” so don’t assume your desktop version will translate seamlessly.

These days it’s really important to consider a mobile first approach. People tend to use mobile layouts differently than desktop versions, so how the website will perform on mobile is integral to an effective design. Focus on minimal, clean design and eliminate clutter to make it easier for users to focus on the content.

– Ink’d

Your mobile version should be a top consideration, right from the start. But that doesn’t mean you can neglect your desktop version. Your website needs to look good no matter what device people use to look at it. Take a look at the web design above to see how Top Level designer Ink’d created variations of a design and—with some slight tweaking—makes it look good on both large and small screens.

Do:

Design the mobile version first. When designing the mobile version, you work with only the essentials because of the limited screen space. It’s easier to tackle the mobile version first and then add elements to the desktop version rather than designing the desktop version first and then removing elements.

Prioritize devices based on user data. “Mobile” devices is an umbrella term, but different phone and tablet types have different screen sizes and technical considerations. Refer to user data to see which devices your visitors use most, then prioritize them in the design.

Don’t:

Use m.dot sites. Those mobile sites that have “m.” in their URL were an early solution to mobile responsive designs before designers knew mobile would overtake desktop. Today, they’re slower to load and damaging to SEO—the best option is to design a single site that works on all relevant devices.

9. Make text easy to read.

Web design by akorn.creative

Designing a site specifically around visuals could harm its legibility. If you’re using a font that looks good but no one can read, you’re throwing the baby out with the bathwater.

When we say a website should be easy to read, we’re talking about three different meanings:

Well-written. The copy text is written to suit your business goals and in a voice that appeals to your audience.

Aesthetically laid out. The copy text is displayed well, preferably with plenty of space and in digestible blocks that don’t overwhelm the reader.

Legible. The font and size are both conducive to reading, without strain or double-backing.

While legibility stems mostly from typography, you also must consider composition and structure, as well as how the text interacts with other elements—not to mention the quality of the actual writing.

Having an amazing web design won’t matter if no one can read your text. Top Level designer akorn.creative takes this to heart—see how in the web design above they faded the background photograph to black to create more contrast with the text and make it readable.

Do:

Pay attention to color pairings. How the text color interacts with the background greatly affects legibility, especially with people who have reading or sight disabilities. Try to stick with contrasting pairs (light and dark tones), and if all else fails, you can always fall back on the classic black-and-white.

Test designs on different readers. What’s legible to you may not be legible to everyone. Test your designs with various readers to cover all your bases.

Don’t:

Use cursive or showy fonts for body text. Extravagant fonts work well in making headers and titles more visible, but when the user has to read line-after-line of text, it’s best to stick with a simple font that’s easy on the eyes.

Include large blocks of text. Large blocks of text intimidate readers, even outside of web design. It’s best to break them up using proactive page formatting or even forced paragraph breaks.

10. Communicate what you want to your designer.

Web design by akdcreative

Let’s say you have a grand idea for a feature of your website. The better you’re able to explain it to a designer, the more likely the final version will turn out like you envision.

Because it’s a team effort, web design doesn’t just involve technical skills, but also communication skills. Communicating what you want for your site, in detail, is the direct path to getting a satisfactory design. Web designers aren’t mind readers, after all.

In the AUSMAIDS example by Top Level designer akdcreative above, it seems as if the client knew they wanted a widget that allowed the user to input the numbers of rooms and the frequency of the visits. The designer took that idea and made it look good. That’s the ideal collaboration between client and designer, and the stellar final product shows it.

Do:

Plan out what you want beforehand. Either write what you want on paper or create a wireframe. Both help you remember everything and they give your designer a solid jumping off point.

Keep an open mind. It’s your designer’s job to make your website as great as possible, so keep an open mind to their suggestions, even if it’s different than what you anticipated. Chances are, they know something you don’t.

Don’t:

Be vague or generic. Using vague and generic terms like “colorful” or “interactive” don’t really say much. Which colors? How do users interact? Be as specific as possible—or agree to leave it up to the designer.

You’ve got this! (Or at least your designer does.)

It’s one thing to read these 10 web design tips, but it’s another thing entirely to apply them to your own site. Fields like color theory, typography, composition and mobile responsiveness are all pretty in-depth, so don’t be discouraged if you’re not getting it all in one sitting. Only professional designers can truly appreciate the nuances of these areas. Hiring someone who understands these web design principles instinctively is usually the safest route to great design.

If you’re looking for a web designer, our designer search tool lets your browse our community of 1.4 million designer from all over the world. You can filter your searches by designer skill level, specialization, or even the types of industries in which they specialize.

Want to find the perfect designer for your web design?

Take a look at our free designer search tool.

Let’s go!

The post Top 10 web design tips to get the ideal website appeared first on 99designs.

via https://99designs.co.uk/blog/

Top 10 web design tips to get the ideal website syndicated from https://www.lilpackaging.com/

0 notes

hotspreadpage · 6 years

Text

How to set up event tracking in Google Analytics

Event tracking is one of the most useful features in Google Analytics.

With just a little bit of extra code, you can capture all kinds of information about how people behave on your site.

Event tracking lets you monitor just about any action that doesn’t trigger a new page to load, such as watching a video or clicking on an outbound link. This data can be invaluable in improving your site.

There are two different ways you can set up event tracking in Google Analytics. One way is to add the code manually. The other is to set up tracking through Google Tag Manager.

Both methods are doable without a developer, although you may find it easier to use Google Tag Manager if you have no coding experience.

How to set up event tracking manually

What exactly is an event? Before you start tracking events, it’s important to understand how they’re put together. Each event is made up of four components that you define. These are category, action, label, and value.

Advertisements

__ATA.cmd.push(function() { __ATA.initSlot('atatags-26942-5ab02a82462ed', { collapseEmpty: 'before', sectionId: '26942', width: 300, height: 250 }); });

__ATA.cmd.push(function() { __ATA.initSlot('atatags-114160-5ab02a8246328', { collapseEmpty: 'before', sectionId: '114160', width: 300, height: 250 }); });

0 notes

mediacalling · 7 years

Text

Decoding the Facebook Algorithm: A Fully Up-to-Date List of the Algorithm Factors and Changes

If you do Facebook marketing, one thing that you might want to understand is the Facebook algorithm.

The Facebook algorithm helps make sense of the huge number of posts that people and businesses share every day and chooses the posts to show in our News Feed based on a huge number of factors.

We want to help you understand how your Facebook posts get viewed on Facebook. So we’re collecting all the relevant Facebook algorithm factors, updates, and changes and placing them here in this post for easy reference.

Read on, and see what goes into the complex, fascinating formulas of the Facebook News Feed.

Facebook algorithm values

Understanding the Facebook algorithm starts with knowing the core values that Facebook uses to guide their thinking and work. These values can give you a hint of what content will do well or not so well on Facebook.

Here’s a brief summary of Facebook’s News Feed values:

Friends and family come first: The main objective of the News Feed is to connect people with their friends and family. So posts from friends and family are prioritized. After those posts, Facebook found that people want their feed to inform and entertain them.

A platform for all ideas: Facebook welcomes all ideas while making sure that everyone feels and is safe. They aim to deliver stories that each individual wants to see the most, based on their actions and feedback.

Authentic communications: Facebook prioritizes genuine stories over misleading, sensational, and spammy ones.

You control your experience: Individuals know themselves best. So Facebook creates features (such as unfollow and see first) to let people customize their Facebook experience.

Constant iteration: Facebook strives to constantly collect feedback and improve the platform.

The overview of the Facebook algorithm

So how does Facebook decide what to show in a News Feed?

Here’s a quick overview of how the Facebook News Feed works, according to Adam Mosseri, VP of Product Management for News Feed:

To make it easy for you to understand the Facebook algorithm, we went through all the (known) changes that Facebook has implemented to its algorithm and came up with a list of factors that we think may determine whether your post shows up or not.

Do this: The Facebook algorithm loves …

Posts with lots of Likes, comments, and shares

Posts that receive a high volume of Likes, comments, or shares in a short time

Posts that are Liked, commented on, or shared by one’s friends

Link posts

Post types that one interacts with often

Post types that users seem to prefer more than others (e.g., photo, video, or status update)

Videos uploaded to Facebook that receive a large number of views or extended viewing duration

Posts that are timely or reference a trending topic

Posts from Pages that one interacts with often

Posts from Pages with complete profile information

Posts from Pages where the fan base overlaps with the fan base of other known high-quality pages

Watch out for: The Facebook algorithm is not too keen on …

Clickbait

Like-baiting

Posts that include spammy links

Frequently circulated content and repeated posts

Text-only status updates from Pages

Posts that are frequently hidden or reported (a sign of low quality)

Posts that ask for Likes, comments, or shares

Posts with unusual engagement patterns (a like-baiting signal)

Overly promotional content from Pages—pushing people to buy an app or service, pushing people to enter a contest or sweepstakes, posts that reuse the same text from ads

To help you grow your Facebook Page reach, we’ve written a few guides that you might like:

Post Less, Boost Top Posts, and More: 14 Ways to Increase Your Facebook Page Engagement

The Simple Facebook Posting Strategy That Helped us 3x Our Reach and Engagement

17 Ways to Get More Views, Engagement, and Shares for Your Facebook Videos

If you want to dig into the Facebook News Feed algorithm, read on to find out all the relevant changes Facebook has made.

All relevant changes to the Facebook News Feed algorithm

(Last updated: October 2017)

Here’s a summary of all the changes that are relevant to social media marketers, in reverse-chronological order.

If you want to know more about any particular change, just click on the quick link and you’ll get more information about the change and how it may affect your Page.

August 28, 2017: Pages that share false news will no longer be able to run Facebook ads.

August 17, 2017: Posts that pretends to be a video will be demoted in the News Feed.

August 2, 2017: Posts with links that load slowly on mobile will be shown less in the News Feed.

May 17, 2017: Posts with clickbait headlines will rank lower in the News Feed.

May 10, 2017: Posts that link to websites with low-quality experience will rank lower in the News Feed.

January 31, 2017: Authentic and timely posts will rank better in the News Feed.

January 26, 2017: Long, engaging videos will rank better in the News Feed (than short, engaging videos)

August 11, 2016: Posts that are informative will rank higher in the News Feed of people whom might find them relevant.

June 29, 2016: Posts from friends will rank (even) higher in the News Feed.

April 21, 2016: Posts with links that keep people engaged will rank higher in the News Feed.

March 1, 2016: Live videos will rank higher in the News Feed when they are live than after they end.

February 24, 2016: Facebook launched Reactions to help businesses understand how people are responding to their posts.

December 4, 2015: Facebook uses surveys to improve News Feed ranking.

July 9, 2015: Facebook makes it easier for people to control what they see on their News Feed.

June 29, 2015: Facebook now considers more actions on videos while ranking videos in the News Feed.

June 12, 2015: Time spent on stories becomes a ranking factor.

April 21, 2015: Posts from friends will rank higher in the News Feed.

March 5, 2015: Facebook updates how Likes are counted.

January 20, 2015: Hoaxes will receive less reach and have an added warning.

January 7, 2015: Video is growing

November 14, 2014: Overly promotional posts will receive less reach on Facebook.

September 18, 2014: Facebook will be considering the rate at which people interact with posts.

September 11, 2014: Offensive or inappropriate ads will be shown less or stopped.

August 25, 2014: Facebook will look at bounce rate to determine if an article has a clickbait headline.

June 23, 2014: Facebook can now rank videos uploaded directly to Facebook better than links to video sites.

September 11, 2014: Posts that explicitly ask for engagement will be ranked lower in the News Feed.

August 23, 2013: Facebook has developed a new algorithm to find and show high-quality content to users

August 28, 2017: Pages that repeatedly share false news

Facebook will be blocking Pages that share false news from buying ads on Facebook1Facebook, 2017.

Facebook found that some Pages had been using Facebook ads to build their following and share false news more widely. To prevent the spread of false news on Facebook, Pages that repeatedly share false news will no longer be allowed to buy Facebook ads (until they stop sharing such news).

The false news will be identified by third-party fact-checkers.

How may this affect your Page? If you share false news on your Page (perhaps unintentionally), you might be blocked from buying ads. It’s great to always check the validity of content before sharing it.

August 17, 2017: Video clickbait

Facebook will be demoting Facebook posts that pretend to be a video2Facebook, 2017.

Spammers have been tricking people to click on Facebook posts that look like a video but aren’t. These deceptive posts are often videos with just a static image or they feature a false video play button when it’s actually a link.

Here’s an example from Facebook3Facebook, 2017:

How may this affect your Page? Facebook warned that Pages that rely on such practices will see a significant fall in reach while most other Pages won’t be affected much4Facebook, 2017.

August 2, 2017: Webpage load time

Facebook will be showing fewer stories with links that might take a long time to load5Facebook, 2017.

It’s frustrating when a website takes a long time to load. Facebook found that “As many as 40 percent of website visitors abandon a site after three seconds of delay.”

Hence, Facebook is rolling out an update to show more posts with links that load quickly and fewer posts with links that might load slowly, in the News Feed.

How may this affect your Page? If your websites are particularly slow on mobile, you might see a fall in referral traffic from Facebook. Here are some tools and tips for improving your mobile site performance.

May 17, 2017: Clickbait headlines

Facebook is rolling out an update to show fewer posts with clickbait headlines6Facebook, 2017.

In its continued effort to make Facebook an informed community, Facebook is reducing the number of clickbait stories in the News Feed. This includes posts with headlines that withhold or exaggerate information, such as the following:

“When She Looked Under Her Couch Cushions And Saw THIS…”

“WOW! Ginger tea is the secret to everlasting youth. You’ve GOT to see this!”

Posts that link to articles with such headlines will rank lower in the News Feed.

How may this affect your Page? If you depend on such headlines to get a wide reach on Facebook, you will see a fall in your reach. The good news is that once you stop posting such clickbait stories, your Facebook posts will stop being affected by this change.

May 10, 2017: Low-quality webpage experience

Facebook is rolling out an update to show fewer posts and ads that link to websites with low-quality experience7Facebook, 2017.

To help build an informed community on Facebook, Facebook will be showing fewer posts that are “misleading, sensational and spammy”. Specifically, they are referring to websites with low-quality experiences, such as the following:

Websites that contain little substantive content

Websites that have a large number of disruptive, shocking, or malicious ads

Posts that link to such websites will rank lower in the News Feed and might not be allowed to be used as Facebook ads.

How may this affect your Page? You might experience a small increase in traffic if you do not share such content. Otherwise, you’ll likely see a fall in your reach and referral traffic.

January 31, 2017: Authentic and timely stories

Facebook is making two changes to help authentic and timely stories rank better8Facebook, 2017.

To surface authentic content, Facebook will be analyzing Facebook Pages to see if they have been posting spam or trying to game the News Feed by asking for Likes, comments, or shares. If Facebook finds that a Page’s posts might not be authentic, such as people are often hiding those posts, Facebook will rank those posts lower in the News Feed.

To show people stories at the right time, Facebook will now study how people interact with posts in real time. For example, if there’s an important soccer game going on and many people are talking about it on Facebook, Facebook will show relevant posts higher in the News Feed.

How may this affect your Page? Some Pages might see a tiny increase in their referral traffic. Consider posting timely, relevant posts to get more reach on Facebook.

January 26, 2017: Video completion

Facebook is going to show long videos that people spend time watching to even more people9Facebook, 2017.

When ranking videos in the News Feed, a factor that Facebook considers is “percent completion” — the percentage of the video you watched.

Facebook now recognize that it takes more commitment to complete a long video than a short one. So it will now put more weight on the “percent completion” factor for longer videos.

As an example, if people are, on average, watching 50% of a 30-second video and 50% of a 10-minute video, the 10-minute video will rank better in the News Feed than the 30-second video. That’s because the 10-minute video has to be more engaging than the 30-second video to keep people watching for five minutes (vs 15 seconds).

How may this affect your Page? If you create long, engaging videos, you might see an increase in your videos’ reach. Short videos, as a result, might see a fall in reach.

August 11, 2016: Personally informative stories

Facebook will be showing you more stories that are personally informative to you10Facebook, 2016.

From its Feed Quality Program, Facebook found that people enjoy stories that are informative to them. Using the patterns that they learned from the program, Facebook will try to identify stories that are informative — usually, if they are related to people’s interests, if they engage people in broader discussions, and if they contain news relevant to them.

Facebook will then combine this new signal with signals of how relevant the story might be to each individual, to predict if they might like it.

How may this affect your Page? Informative content might get more reach on Facebook. From our recent experience, educational and entertaining content performs really well on Facebook.

June 29, 2016: Stories from friends

Facebook will be showing stories from close friends higher up in the News Feed11Facebook, 2016.

Despite the previous update, people are still worried about missing important updates from their close friends. So Facebook is tweaking the News Feed algorithm again to rank posts from close friends higher up in the News Feed.

How may this affect your Page? You’ll likely see a fall in your Facebook reach and referral traffic as posts from friends will rank better than posts from Pages. Facebook recommends posting content that your audience are likely to share with their friends12Facebook, 2016.

April 21, 2016: Time spent viewing

Facebook will be ranking articles that it thinks you will spend time reading, higher in the News Feed13Facebook, 2016.

Facebook learned that the amount of time someone spent reading or watching the content of an article indicates how interesting the article was to them. So Facebook is adding a new ranking factor — how long someone might spend looking at the article.

To keep things fair between short and long articles, Facebook will be looking at the time spent within a threshold.

A smaller change within this update is that Facebook will be showing fewer posts from the same Page together in the News Feed. That’s because people find that repetitive and prefers content from a diverse range of Pages.

How may this affect your Page? There shouldn’t be any significant changes to your Page reach. That said, this reinforces the importance of creating engaging content.

March 1, 2016: Facebook Live

Facebook is more likely to rank Facebook Live videos higher in the News Feed when those videos are live than when they are no longer live14Facebook, 2016.

Facebook found that “People spend more than 3x more time watching a Facebook Live video on average compared to a video that’s no longer live.”15Facebook, 2016 That’s because those videos are more interesting when the event being filmed is happening live than after the event.

How may this affect your Page? You might see that your live videos perform better than your other Facebook videos in terms of reach and engagement. Experiment with Facebook Live videos and see if they work better for you.

February 24, 2016: Facebook Reactions

Facebook recently rolled out Reactions — their supercharged ‘Like’ button — to help businesses better understand how people are responding to their content16Facebook, 2016.

For a start, when someone uses a Reaction, Facebook will infer they want to see more of that type of post, just like when they Like a post. But this could change17Facebook, 2016.

In the beginning, it won’t matter if someone likes, “wows” or “sads” a post — we will initially use any Reaction similar to a Like to infer that you want to see more of that type of content. Over time we hope to learn how the different Reactions should be weighted differently by News Feed to do a better job of showing everyone the stories they most want to see.

How may this affect your Page? You will get a better sense of how people are reacting to your Facebook posts with the data in your Facebook Page Insights. If you’re interested in learning more about Facebook Reactions, you can find more information here.

December 4, 2015: Surveys

Facebook surveys thousands of people every day to improve the News Feed ranking18Facebook, 2015.

Besides looking at quantitative signals such as Likes, comments, and shares, Facebook also surveys thousands of people every day to understand whether the News Feed algorithm is showing people the posts they want to see.

Here’s an example of the survey:

If a popular post isn’t something that the people surveyed want to see, Facebook will rank that post lower in the future.

How may this affect your Page? This shouldn’t have a significant impact on your Page’s reach as viral posts are usually anomalies. But I believe it’s good to know that Facebook does not only look at Likes, comments, and shares when ranking your posts but also whether people actually want to see those posts. Relevance is key here.

July 9, 2015: Greater user control over the News Feed

Facebook is making it easier for people to adjust and customize their News Feed settings19Facebook, 2015.

The preferences tab will be more visible and more intuitive, allowing people to find Pages and people to like and follow, and easily selecting to follow/unfollow certain content.

June 29, 2015: Actions on Videos

Facebook now considers more actions on videos while ranking videos in the News Feed20Facebook, 2015.

Facebook found that many people don’t feel inclined to Like, comment on, or share a video even when they enjoyed the video.

So besides considering whether someone watched the video and for how long, Facebook is now taking into account of more actions such as choosing to turn on the sound, watching the video in full screen, and enabling high definition. These actions indicate that they enjoyed the video.

How may this affect your Page? If your followers like the videos that you post, this update will help them see your videos more often in their News Feed.

June 12, 2015: Time spent on stories

How much time you spend viewing stories becomes a factor that Facebook uses to determine what to show at the top of your News Feed21Facebook, 2015.

While many people might not Like, comment on, or share a post that they found meaningful, they would likely spend more time on it than other posts. Hence, Facebook is taking this as a signal for ranking Facebook posts.

By understanding what types of content someone prefers, Facebook can surface similar types of content higher up in their News Feed.

How may this affect your Page? Facebook does not expect Pages to see significant changes in terms of reach. But if you want to improve your Facebook reach, making your content engaging could help.

April 21, 2015: Content from friends and Pages

Facebook is rolling out three updates to improve the experience of the News Feed22Facebook, 2015.

The first is for people who do not have much content to see — maybe because they don’t follow many people or Pages. Facebook used to have a rule that prevents people from seeing multiples stories from the same source in succession. They are now relaxing the rule so that if you reach the end of your News Feed but still want to see more stories, you’ll see more.

The second is to show posts from friends you care about, higher in your News Feed so that you are less likely to miss them. If you read and interact with posts from Pages, you’ll still see them on your News Feed.

The third is to reduce or remove stories about friends liking or commenting on a post, such as this:

How may this affect your Page? You’ll likely see a fall in reach as posts from friends will be prioritized before posts from Pages.

March 5, 2015: Facebook Likes

Facebook to update the way Page likes are counted, removing the likes of memorialized accounts and deactivated accounts23Facebook, 2015.

How may this affect your Page? It’s possible that you might see a small decline in the overall Likes for your Page once this update occurs.

January 20, 2015: Facebook targets hoaxes

Facebook aims to reduce the number of hoaxes in News Feed with algorithm tweak24Facebook, 2015.

To reduce the number of posts containing misleading or false news, Facebook has announced that the News Feed algorithm will begin to factor in when many people flag a post as false or choose to delete posts.

Facebook will reduce the reach of such posts and add a warning on the post (without reviewing or removing the post).

How may this affect your Page? Facebook found “from testing that people tend not to report satirical content intended to be humorous, or content that is clearly labeled as satire. This type of content should not be affected by this update.”25Facebook, 2015 Only Pages that often post hoaxes and false news will be affected.

January 7, 2015: Video is growing

Facebook has provided some new stats and tips on using video, including these:

In just one year, the number of video posts per person has increased 75 percent globally and 94 percent in the US.

The amount of video from people and brands in the News Feed has increased 3.6x year-over-year.

Since June 2014, Facebook has averaged more than 1 billion video views every day.

On average, more than 50 percent of people who come to Facebook every day in the US watch at least one video daily.

Seventy-six percent of people in the US who use Facebook say they tend to discover the videos they watch on Facebook.

—

How may this affect your Page? Facebook could be favoring video posts. Experiment with Facebook videos and see if they perform better than other post types.

November 14, 2014: Overly promotional Page posts

Facebook is rolling out an update to reduce the number of overly promotional posts in the News Feed26Facebook, 2014.

Facebook heard from people that they want less promotional content on their News Feed and more stories from friends and Pages they like.

After digging into their data, Facebook found that these are the types of posts that people find too promotional:

Posts that solely push people to buy a product or install an app

Posts that push people to enter promotions and sweepstakes with no real context

Posts that reuse the exact same content from ads

Here’s an example:

How may this affect your Page? Pages that often post such content will see a significant fall in their reach over time. To grow your reach, Facebook recommends posting relevant and high-quality content27Facebook, 2014.

September 18, 2014: When people Like and comment

Facebook will be looking at when people are Liking, commenting, and sharing28Facebook, 2014.

Facebook used to only look at the total number of Likes on a post when ranking it in the News Feed. Now, Facebook will also look at the rate at which people are Liking, commenting on, and sharing a post.

If people are engaging with the post right after it is posted, and not as much a few hours later, this suggests that the post was most interesting at the time it was posted, but potentially less interesting at a later date. Based on this signal it is more likely to appear higher in News Feed earlier on and lower at a later date.

How may this affect your Page? The reach of your posts isn’t just determined by the number of Likes they get but also by the rate at which people are interacting with it. Posts that consistently receive a good amount of engagement will be shown to more people on Facebook.

September 11, 2014: Offensive or inappropriate ads

Facebook stops showing ads that are offensive or inappropriate29Facebook, 2014.

When people hide ads in their News Feed, Facebook takes it as a signal that others might not want to see them, too, and show them to fewer people30Facebook, 2013.

Now, Facebook is also asking people why they hid the ads. If it’s because the ad is offensive or inappropriate, Facebook will stop showing the ad.

How may this affect your Page? If someone reported your ad to be offensive or inappropriate, you might see a significant fall in the reach of the ad.

August 25, 2014: Bounce rate

Facebook will be looking at bounce rate to determine if an article is using a clickbait headline31Facebook, 2014.

If someone clicks on an article and returns to Facebook immediately (or “bounce”), it might mean that they didn’t find what they were expecting. This is often because the article is using a clickbait headline. Facebook will be using this signal when ranking the article in the News Feed.

In addition, Facebook will also be monitoring if people are Liking, commenting on, or sharing the article after they click on it. If few people are, it’s likely that the article is not valuable, relevant, or meaningful. Facebook will then rank it lower in the News Feed.

Facebook will also be ranking posts with a link preview higher in the News Feed than posts with a link just in the caption — as the link preview shows more information about the article.

How may this affect your Page? Facebook found that posts with link preview “received twice as many clicks compared to links embedded in photo captions”. Experiment to see if that applies to the content you’re sharing.

June 23, 2014: Better videos

Facebook will now be able to understand (and rank) videos uploaded directly to Facebook better32Facebook, 2014.

For videos that are uploaded to Facebook directly, Facebook is now able to know whether someone has watched it and for how long. It seems that they are unable to do that for links to YouTube (or other video sites) videos.

Having this new information will allow Facebook to rank Facebook videos better. Early tests have shown that people are watching more videos that are relevant to them.

How may this affect your Page? Videos you upload directly to Facebook will likely perform better than links to videos on other sites such as YouTube. This was a mistake that we had been making for a while.

September 11, 2014: Like-baiting

Facebook will show fewer posts that explicitly ask for Likes, comments, or shares33Facebook, 2014.

Some Pages try to game the News Feed algorithm by explicitly asking for Likes, comments, and shares. Here’s an example:

As people have reported that such posts are less relevant than posts with a similar amount of engagement, Facebook will be ranking these posts lower in the News Feed.

How may this affect your Page? According to Facebook, “This update will not impact Pages that are genuinely trying to encourage discussion among their fans, and focuses initially on Pages that frequently post explicitly asking for Likes, Comments and Shares.”34Facebook, 2014

August 23, 2013: High-quality content

Facebook has developed a new algorithm to find and show high-quality content to users35Facebook, 2013.

To build the algorithm, Facebook surveyed thousands of people and put the results into a machine learning system. Here are some of the questions they asked:

Is this timely and relevant content?

Is this content from a source you would trust?

Would you share it with friends or recommend it to others?

Is the content genuinely interesting to you or is it trying to game News Feed distribution? (e.g. asking for people to like the content)

Would you call this a low quality post or meme?

Would you complain about seeing this content in your News Feed?

The algorithm also uses thousand other factors to determine if a post is a high-quality content. Some of these factors include “how frequently content from a certain Page that is reported as low quality (e.g. hiding a Page post), how complete the Page profile is, and whether the fan base for a particular Page overlaps with the fan base for other known high quality Pages”36Facebook, 2013.

How may this affect your Page? Pages that are seeing good engagement on their posts might see an increase in their reach. Here are some tips from Facebook37Facebook, 2013:

— Make your posts timely and relevant — Build credibility and trust with your audience — Ask yourself, “Would people share this with their friends or recommend it to others?” — Think about, “Would my audience want to see this in their News Feeds?”

Could you help us make this resource more complete?

We’d love your help in tracking any changes and factors to the Facebook News Feed so that this post can be as complete as possible.

Is there anything that we’ve missed?

Is there any news that came out recently that we should add?

Let us know by leaving a comment on this post or drop us a tweet. We’ll be happy to pass along a hat tip in the post for any and all good leads.

We hope this resource comes in handy for you as you navigate your Facebook marketing strategy. Let us know how things go, and if there’s anything we can do to improve the way we help.

Topics: Facebook marketing, Social media strategy

This blog post was originally written on November 4, 2014 and updated on October 18, 2017.

Image credit: Unsplash

Decoding the Facebook Algorithm: A Fully Up-to-Date List of the Algorithm Factors and Changes posted first on http://ift.tt/2qbaJ0t

0 notes

mariemary1 · 7 years