#the aesthetic using elements of internet and PCs is neat
Explore tagged Tumblr posts
kitty-pilled-gamma · 3 months ago
Text
Cure Kyun Kyun's lyric video dropped on YouTube today make sure to stream the hell out of it for our diva
youtube
14 notes · View notes
kaoarika · 2 years ago
Text
I still think this new grid layout looks... so crowded. And the fact that it basically follows what twitter has been looking like in the past 5+ years (and a grid that FB also copied in 2020? Aaaaand insta now has it too, so... 🤔) doesn't help either :)
Why does it has to be... on the left (again) and static (AGAIN)?
The fact that this isn't really... neat to eye, is kinda awful.
I said in my other post that I dunno why it looks like EVERY SINGLE UI/UX web designer forget that not everyone uses a big screen. I have taken screencaps of when Tumblr used to look too wide with spaces before, because I did have a bigger PC screen (1920x1080) that I stopped using in late 2017, but once I had to move to a smaller screen (1366x768) it somehow looked a little "smaller", and while it wasn't AS crowded as it is with this new layout, at least there was still some space on the left that was "OKAY" to me. This is just an eyesore, lmao.
I'm pretty sure they just wanted to make it look "uniformized" as it looks in mobile (MAYBE not in the app, but accessing it through a normal web browser, I meant), ig.
Sure, instrictively I don't find "wrong" clicking some things on the left (but I kinda blame Twitter for the physical memory), but... I DO miss when the menu (or some elements of the menu, at least, everything concerning your Account's blogs like the likes, followers, ppl you follow, drafts, etc.) was on the RIGHT side of the screen. I don't know why they wanted to make it into a menu... but I'm pretty sure old posts from way back when from staff kinda might illustrate WHY.
OH, I SEE I have to make ANOTHER click to look at my drafts and activity and queue. WOW. HOW USELESS...
SURE, being an old time tumblr user (circa 2009), I know we have been complaining from every single change this website makes from the more "sillier" ones (the classic blue in the background) to the not so much silly ones (the change of size of the posts), to the more "i kinda? get it, but at the cost of what" ones (the nsfw ban)... but MY GOD, I wish, SOMEHOW this site would just stop "following the leader" in these sort of aesthetic web design changes (that also goes in hand with that one post of "their expectatives as a platform in the future" from last month).
Wish I would find that one old post of someone comparing Tumblr as an apartment owned by a landlord and all the unnecessary changes they make EXCEPT in fixing or prioritizing the problems we complain about -bugs, spambots, the mobile app's experience, what you have it), which they make REALLY obvious in the aforementioned post I mention in the point above.
Also, this grid might work on old geocities fansites from the old internet? when it was about their menus, but that was by choice of the owner of those sites, not.. you know... whatever the hell social media platform thinks it works as perfect.
1 note · View note
jpweb12 · 7 years ago
Text
10+ AMP Ready Magento Themes
How often do you use your smartphone? Do you remember how helpless you felt the last time when your smart device was left at home? Smartphones have become indispensable parts of our lives. We check out the news feeds in social media at breakfast. We read the latest news on the media portals on the way to work. Also, we chat with friends in messengers each time we have a spare minute. Moreover, we spend hours searching the web on-the-go. Finally, we choose only the fast-loading sites. The ones that make us too long to wait until the content loads are quitted immediately. In order to attract the wider audiences and keep people coming back, the modern day businesses need to take care of the proper performance of their sites on all devices and the screens of mobile phones in particular. Today we’re introducing AMP-ready Magento themes from TemplateMonster Marketplace.
What is AMP?
AMP (or accelerated mobile pages) is a module that is intended to make the content of the websites load quicker on the smaller screens. Having it installed on your site, you will impress the web users with the lightning fast page loading speeds, as well improve your search engines rankings. If you run a Magento-based eCommerce site and want to boost its performance on the handheld devices, then the AMP module is just what you need.
Having the AMP module installed on your site you will have all pieces of content loaded in less than 2 seconds. All documents of this open-source technology contain AMP JS JavaScript Library. The latter delivers the optimal performance by adding a few roles in your markup.
AMP controls the entire load chain. It prioritizes the main content on the web page by loading it first, with the third-party content being loaded afterward.
Top Reasons to Use AMP
With the help of the AMP module added to your website, you can:
accelerate page loading speeds;
bring unique UI and UX to the Category and Product pages;
load images, texts, and widgets faster;
let the users find content on the Google Results page;
make your site compatible with all smartphones and tablets;
make your’s content load for less than 2 seconds;
achieve higher site ranking in the search engines results;
attain up to 10% traffic growth and 52% sales boost.
10+ AMP-ready Magento Themes
TemplateMonster is the first digital marketplace on the market that started to sell AMP-ready Magento themes. At the moment, there are 6 Magento themes that are integrated with the technology. All consecutive Magento 2.2 themes will be loaded with the module also.
Magetique – Premium Responsive Magento 2 Theme
Fine-tune your website design and style using this multipurpose Magento theme that has an aesthetically appealing palette. Magetique is a cool theme created to get fashion, furniture, tools, cars, and other types of projects to the web. Its 100% responsive structure will look perfect on any monitor size. AMP technology will ensure lightning fast page loading speeds. Putting up a web platform is definitely beneficial for advertising these days, and this design can play an important role in the arrangement of your online marketing strategy. Moreover, a lot of template settings can be changed on the fly through the advanced admin panel. Neat and well-organized design of the web template allows you to promote loads of content on one web page, without diminishing its legibility. In addition, buying this particular template you get round-the-clock technical support and detailed guidelines.
Details | Demo
Fashion Slash – AMP Fashion Boutique Magento Theme
Fashion Slash is a fashion and beauty shop theme designed for bringing your website on the net. This theme is an advanced solution for small to large-sized eCommerce projects. Moreover, included blocks of content and widgetized elements make the design of the template clear. Setting up a web resource and granting your prospective customers an opportunity to check out the information concerning your project on the move can be a wonderful method of raising your client base. Additionally, easy-on-the-eyes page layout with the focus on visuals easily catches the attention of site visitors, driving them in.
Details | Demo
Illin.co – Tools & Equipment Magento Theme
The most impressive thing about this template is the design. Well crafted 100% responsive website design with a robust visual impression will wonderfully work for redressing or putting up tools and equipment web stores. Regardless of the gadget, you have to browse the webpage, its interface will display flawlessly because of the built-in AMP technology. Thus, the website visitors will definitely love this navigation and graphic elements that guide them swiftly throughout the site. Create your online resource even more productive with this custom WordPress skin. In the event of any problem with this template, you can contact one of the professional assistance managers and they will resolve the problem of any difficulty for clients.
Details | Demo
Jewelrix Magento Theme
This jewelry Magento theme is a good solution to present any sort of fashion-related eCommerce project. Easy-to-use site navigation and easy-to-browse, responsive and cross-browser compatible design will facilitate the visitors’ interaction with the website based on this theme. SEO-optimized, it can be easily found by the web users whichever search engine they are making use of. Magento is already a powerful option equally for personal and business sites, and with this layout, it will turn out to be twice more effective to launch your eCommerce project. Moreover, responsive design offers an ideal user experience. Furthermore, the website created on the basis of this web template will result in the enjoyable browsing and make buyers interested in your deals.
Details | Demo
Designer Boutique Magento Theme
This designer web template comes with a graphic-heavy layout great for a stunning presentation of your web-based project. This website template is quite suitable to present your photo portfolio, freelance photographer portfolio or fashion photographer on the net. Being integrated with popular social networks platforms, the template shown here can be an ideal tool to get in touch with your clients. Moreover, multipurpose and easy to change, the web layout can be comfortably adjusted to demonstrate your website at its top. Furthermore, this 100% responsive theme is a practical solution with nice typography and well-balanced blocks of content.
Details | Demo
Mobile Store Magento 2 Theme
To convert electronics store site into a progressive and pleasing one, think of this vibrant straightforward Mobile Store Magento 2 Theme. This particular photography portfolio Bootstrap web theme that can be used to get started with an online resource for mobile and tech gear eCommerce projects. Thus, if you want to build a successful online resource with Magento, you have to use a powerful and fully-fledged website template, supporting specific forms and plugins. Intuitive navigation and 100% responsive design of this theme offer the web page visitors a pleasant user experience. AMP module will enhance the performance of the site in all web environments.
Details | Demo
Auto Parts Magento 2 Theme
The Magento 2 web template is a smooth and cutting-edge design for photography auto parts shops. In other words, it is a combo of visual aesthetics and features. SEO-optimized, it can be easily found by Internet users whichever search engine they are making use of. Don’t overlook this theme if you aim at maximizing your web recognition. Responsive layout is one more reason to try this web design for your web store as it performs equally well on any screens including PCs, tablets and mobile phones. And as a result, a lot of people can easily get to your webpage from their handheld gadgets. In addition, a welcoming customer assistance squad is available 24/7 for free. Select this web theme and spread the word of your e-project all over the world.
Details | Demo
Modern Furniture Magento 2 Store
Get your website off to a flying start by using this theme. Pay attention to this template that was tailored to build or redesign your furniture or interior design eCommerce site. Presented blocks of content, widgetized sections make the structure of the theme distinct. Moreover, a lot of template settings can be changed on the fly through the usable admin panel. Make every client feel the delight of surfing your Internet site using this theme. Furthermore, the clients will smoothly browse around a thought-out web page, and view it on numerous mobile devices because of its 100% responsive, cross-browser compatible and SEO-friendly layout. Clean, valid code and comprehensive documentation will aid you in enhancing this web theme the way you desire. Make use of this web layout to persuade prospective web users that they will have a nice time browsing your website!
Details | Demo
Recuidi – Healthy Food Store Magento Theme
This healthy food template is built by a team of qualified designers, therefore it will make any site work to its full potential. This innovative Bootstrap web design has been created to satisfy the needs of food delivery and supermarket sites. Visiting a website page based on this theme users will allocate the necessary content without problems. Moreover, thanks to its fully responsive essence, you will easily reach clients who surf the web on the move, whereas SEO-friendliness will let you boost traffic rates of your online project. Thus, if you want to build a successful online resource with Magento, you have to use a powerful and fully-fledged website template, supporting specific forms and plugins.
Details | Demo
AllyBike – Cycling Supplies Store Responsive Magento Theme
AllyBike is a responsive cycling store web theme that’s been designed to run flawlessly across a wide range of devices and web browsers. Present the inventory in the usable style online to get the clients you were not able to engage in the past. Building a brand new project on the net, you need to ensure that it will stand above the rivals, which is when this theme will come to be useful. Included blocks of content, widgetized elements make the design of the template clear. Moreover, its well-arranged layout is effective for content-rich websites that need to present all specifics in an easy to perceive manner. The theme is also richly documented and provides professional 24/7 support. Start a thriving web resource by means of this web theme and get the gains.
Details | Demo
CompShop – Computer Store Magento Theme
The Computer Store Magento Theme will easily draw the attention of online users to your products and services. This innovative template was created to satisfy the needs of the needs of computers and Internet shops. The content areas help make the design user-friendly. If you’d like to present your webpage effortlessly, this responsive and SEO-friendly website template is going to be a splendid solution. If you want to build a successful online resource with Magento 2, you have to use a powerful and fully-fledged website template, supporting specific forms and plugins. Thus, the great outcomes are achievable due to this theme’s SEO -friendliness, usable features and clear yet catchy design. In the event of any trouble with this website layout, you can get in touch with one of the well-trained support managers and they will solve the problem of any difficulty for you.
Details | Demo
Decorta – Home Deco Responsive Magento 2 Theme
Decorta is a ready-made responsive home decor web template designed to present your products and services in the best way on the net. Advanced and responsive sites are the best way to present professional furniture and home decor services worldwide and boost interest among your target audience. Also, the content areas help make the overall design user-friendly. Being integrated with popular social networks platforms, the template shown here can be an ideal tool to get in touch with your clients. In addition, the vast majority of theme’s settings can be changed immediately through the usable admin panel. This design was developed as lightweight as possible so that your website can certainly load fast.
Details | Demo
The collection of the AMP-ready Magento themes will continue to grow. Do not miss the chance you accelerate the performance of your web resource throughout a variety of handheld devices. Present your offers in the more lucrative style to the wider web community.
  Read More at 10+ AMP Ready Magento Themes
from IT Feed https://webdesignledger.com/10-amp-ready-magento-themes/
0 notes
saragolakthesis · 8 years ago
Photo
Tumblr media Tumblr media Tumblr media Tumblr media
Digital Daily 
Conceptual Direction Process
In the early stages of creating the film, I focused on how media is replacing language with iconography. My initial plans were to incorporate a voice-over narrative that would be translated into abbreviations via text. Some questions that were asked are, “by taking these shortcuts, what are we missing out on? Real Experience. Are we truly expressing ourselves?”. A text bubble was to be used to stimulate the way people type and the need for rapid communication. Some considerations that were taken into account are the position of the bubble, whether at the bottom centre, or more present in the video. Another technique used was to blur the background and focus on the action that is taking place in order to create emphasis and depict the notion that user’s block out all other information when staring at a screen. I also incorporated common interface icons used online, such as the thumbs up. However, some issues that were encountered is how to make these icons more bolder and present within the frame. In aesthetic terms, the visual elements layers on the video appeared out of place and lost, seeming almost too ‘neat’. This includes typography, in which was first approached by using a regular sans-serif font. However, in order to depict the concept of the digital world, the type style did not work effectively with the overall intent. In addition, the style of these elements were not coherent with the style of the phone used, hence icons designed for an iPhone user should not be used on a video that portrays a character using a Samsung phone. In the introduction of the video, I thought of incorporating the idea of how language developed and changed overtime through evolution, thus starting from cave - alphabet - symbols. Another conceptual idea for the film in relation to noise, was to incorporate sounds such as the clicking of a mouse or writing on a keyboard simultaneously to eventually create an experimental overwhelming sense of the noise we are exposed to every day, thus no longer hearing language (narrator) but plain sounds. Overall, the purpose and message of the film narrative was not clear and perhaps covered the topic in a direction that was too broad. Hence, other solutions and possible design opportunities  were taken into action for my second experiment with video.
The conceptual direction of the prototype output is to represent the notion of a digital screen using T.V. VHS and Computer Interface aesthetics. This includes the use of bad VHS tracking overlays and interference noise. The video lens is thus, created with thin lines running across the screen and a hint of blue hue over a black and white video to emphasize past technology and the quality at the time. This is further expressed with the grain and noise that extracts the HD quality of the film. Glitching is also used, more specifically in transitions of visual elements and as a continuous effect over the source of the video to demonstrate malfunction, chaos, and disorder. With this design approach, I believe the dark message of the project is expressed more effectively as the image is constantly being deformed and glitches out of proportion, hence making it difficult to interpret every aspect of the video. It also relates to the interpretation of the digital world, where the physical is replaced with an illusion, a reference to the case study. This theme of the digital is continued in the use of typography. The type is shown using a pixelated font with animated glitching. It is also written in a blue hue, as like the video source, in order to blend in with the VHS concept. Some challenges that I ran into was that the type and the visual icons did not stand out as the use of colour merged into the background. A solution to this problem was to use a darker overlay behind the text whenever it would appear on the screen so that the viewer would focus on the message rather than what is happening in the background. The video overall expresses a daily routine of a make young adult who is an internet addict. However, as many parts show the character looking at his phone and scrolling, this is when design elements can take over the screen as nothing important or informative is occurring at the time. Therefore, to contrast the two different messages being expressed in the video, one showing digital addiction within a daily routine, and another notifying the viewer with educational lessons and facts about the issue, a juxtaposition technique is used. By doing so, one idea is emphasized and directed more clearly to the viewer, stating visually what information the viewer should be taking away from the overall film. These lessons and facts are portrayed using a computer aesthetic opposed to VHS. In order to express surveillance and how users are constantly being watched and recorded, the VHS approach was appropriate to convey this message. Thus, it is used as the basis of the video design, as the character’s mind represents how our humanity is being taken over by technology. 
Thus, a computer aesthetic is used to express how we interpret the online system. This concept is further enhanced as the educational fact statements take form of a pop-up. I created my own design for the look of the pop-up by combining the MAC and PC guidelines to their interface designs. The animation of these pop-ups overwhelm the screen by blocking the entire view of the video in order to grasp the viewers immediate attention and alertness. Through my own experience, receiving a pop-up on the screen suddenly creates an immediate shock because the connotations attached are usually negative. They can also be very annoying, especially if many show up at once, making it a pain to cancel out all the windows. These messages usually contain a few options that the user can click at the bottom of the body text. This includes phrases such as, ‘ok/cancel’, ‘yes/no’ ‘, ‘retry’, and so on. The phrases that I use are ‘Ignore’ and ‘About’. These options are provided for the viewer to decide within their thoughts whether they would select to learn more about the context of the message or if they would ignore it in the given situation. As a daily routine plays in the background, the scenes relate to the context of the message, which pop out at certain moments during the film. An example would be the texting and driving scene. During this time, the user first sees an icon that shows up in the centre of the screen, hinting at the context of the pop-up message that shows up right after. These icons are meant to be a visual representation of the presented facts, taking into consideration the connotations that go with the symbol. This will give the viewer time to interpret what is wrong with the scene before having it directly stated to them. In addition, the symbols used are common visuals that users see on a daily basis when present online. Therefore, the viewer should immediately grasp the basic idea of the symbol that will lead to a fact about the subject. For example, the location symbol seen on google maps is something that everyone has seen and used before, thus it is not a whole new idea that the viewer needs to comprehend. To further impose the notion of taking over one’s vision, the pop up messages not only appear multiple times at the same time, but are also animated with a virus effect of glitches and lines, implying that the user has been hacked and their personal life is being ‘taken over’ by these pop ups. These messages thus, impose knowledge onto the viewer, functioning in a similar manner like how media imposes their perspectives on viewers and manipulates their opinions.
Moreover, the concept of the film title is to express the overall idea of a daily routine taking place in a digital mindset, as the character is constantly surrounded by technology and looking at his phone screen. Ordinary tasks like eating breakfast is disrupted as the character documents every aspect of his routine to his online profile that continues to grow each day, alongside his presence on the web. The film ends with a statement that read ‘No Signal’. This conclusion is meant to represent that by the end of the character’s daily routine, he has completely lost touch with the real world and is forced to shut off. Moreover, instrumental music is incorporated into the film to provide it with an extra degree of darkness and fear that would set up the entire atmosphere of the narrative. The music used is called, Dark Chrome by Oxidation, a royalty free source for student projects.
Film Information Guide:
1. Did you know...Websites often introduce new policies and settings that increase the visibility of your data. // Topic: Privacy // Visual Icon: Term Agreement Checkbox
2. Did you know...Online communication is an ineffective substitute for actual expression of feelings and emotions. // Topic: Communication  // Visual Icon: Unfriend or Lose Friend (Facebook)
3. Did you know...Substituting life with noise has led users to consume a point-form style of information. // Topic: Noise & Head Space // Visual Icon: Music Note
4. Did you know...Internet connection is not required to track your location via mobile device. // Topic: Tracking // Visual Icon: Map Marker
5. Did you know...Users are more fixated on documenting their life than actually living in the present moment. // Topic: Identity // Visual Icon: Heart (Instagram)
6. Did you know...The desire for a satisfactory effect from internet addiction can be just as unhealthy as other common addictions. // Topic: Addiction // Visual Icon: Thumbs Up Like
7. Did you know...Your whole vision is taken up by a small screen. // Topic: Perception // Visual Icon: Magnifier
8. Did you know...Police officers hide on public transit to book people that are texting & driving. // Topic: Texting & Driving // Visual Icon: Text Speech Bubble // Article Link
0 notes
lucasparkerco · 8 years ago
Text
Mobile Ranking Factors 2017: Is Your SEO Mobile Friendly? – Search Engine Journal
After two decades of growth and development, mobile devices now bring the largest chunks of traffic to online businesses, and their influence is only going to expand further and further. That’s exactly the reason for Google’s switch to mobile-first: to open new possibilities in the art of website optimization. To seize them, we need to answer one question first: How does one improve website rankings with mobile SEO?
There are a number of factors which make your mobile website rank higher (or lower) in Google, and they can be safely divided into three major groups: technical, user experience and content. There’s an additional group for a few other factors that can’t be included into the previous three, but still deserve mention. To help you get better acquainted with them, the editorial team of WebCEO has composed this list below that describes the most important mobile ranking factors.
Technical Factors
Site Speed – GOOD
This will benefit your site.
Who doesn’t like fast-loading web pages? They are a treat regardless of what device you use to surf the net. However, users tend to show less patience than usual with handheld platforms.
According to a Mobile Ranking Factors study by Searchmetrics, the average loading time in the mobile top 10 is 1.10 seconds, and being only a tad slower (1.17 seconds on average) sends you further down in the top 30. The line separating successful sites from the poorly optimized ones is shockingly thin, wouldn’t you agree? By the way, if the site doesn’t load in 3 seconds, mobile users just close the browser’s tab.
AMP (Accelerated Mobile Pages) – GOOD
This will benefit your site.
AMP’s secret is being light on their HTML and CSS code. It makes pages easily pre-renderable and cacheable for browsers, and as a result, they load 30 times faster than regular pages – basically, almost as soon as you click on the link. Thanks to this neat ability, AMPs have a positive effect not only on rankings, but on click-through rates as well. No wonder they show up in almost every Google search result: after all, they offer the best of the best user experience.
Flash – BAD
This will drag your site down.
Perhaps this issue will be addressed later in the future, but for now, most mobile browsers don’t support Flash content and thus can’t display it. Which is why it’s best to have none on your mobile site. Otherwise, not only can users not see what you wanted to show them, but you also risk a penalty from Google for hidden content.
Technical Errors – BAD
This will drag your site down.
This goes without saying. A webmaster who allows errors and bugs on their site has no respect for themselves, their work or their users. This isn’t even a matter of ranking high in search results… though of course, that’s also a factor to consider.
If your site has issues that need fixing, users are most likely to run into errors such as faulty redirects leading to the site’s desktop version and non-existing pages (good old 404 errors). Small problems can turn exploring your website into one big problem, so don’t take too long dealing with them. And big problems that are already there demand even swifter action.
User Experience Factors
Unordered Lists – GOOD
This will benefit your site.
Who would’ve thought that something as ordinary and common as a list of whatever things could affect your site in a positive way?
Google seems to reward mobile sites for having unordered lists even more generously than desktop sites. This is not surprising because a neatly organized list is easy to scan. However, rankings begin to fall when the lists have too many elements in them. Because a small screen can display only so much at a time, the golden number of bullets for mobile devices is 9.
Images – GOOD
This will benefit your site.
A picture is worth a thousand words. This old saying holds water in web design, as well.
Apart from being aesthetically pleasing to the human eye, images are also easier to perceive and leave a stronger impression on the viewer than raw text. It’s not surprising at all that visual media are an integral part of creating an enjoyable site. However, one must not forget how abundant content affects the site’s loading speed. Optimize your images to reduce their dimensions and file size and avoid using too many. On average, a single mobile page has 4 images.
Intrusive Interstitials – BAD
This will drag your site down.
Pop-ups are the most hated enemy of all Internet users, desktop and mobile. They can be shameless enough on a PC even when they ask for something as innocent as your subscription – now imagine the same on a mobile device. Its much smaller screen makes it a lot easier to obstruct a site’s content with a single annoying pop-up form. Google knows this, and so they have rolled out an update that will smack the more selfish website owners with a good penalty in rankings. The algorithm still needs some work, but I hope you know better than to underestimate Google.
Small Font – BAD
This will drag your site down.
“What is this? A web page for ants?”
If you’ve ever tried opening a desktop site on a handheld device, you probably had trouble reading its contents. That’s to be expected when a page made for your standard PC display is shrunk to a mere 540×960 pixels. For that reason, the logical solution is to use large (recommended value is 16 pt.) font on your pages – at least above the fold. That’s where the page’s headline is placed, and that’s where it must serve its purpose to get the visitors invested in the content below.
Small Touch Elements – BAD
This will drag your site down.
Do you use interactive elements on your site, like buttons or checkboxes? They shouldn’t be so small that the user’s finger has trouble pressing on them. Imagine the frustration from trying to hit a pixel on a screen and missing ten times in a row. What do you think will happen to your conversion rates if visitors can’t fulfil their goal on your site?
Missing isn’t the worst-case scenario, though; it could get much more dramatic. If small elements are placed next to each other, the user might press the wrong one and end up posting his or her credit card information online for all to see! A bit extreme, but for an example, it brings the point across nicely.
Internal Links – BE CAREFUL
Mobile pages tend to have around 75% fewer links on them than desktop pages. This is due to the limitations placed on their size and content in order to improve UX. In a similar manner to other interactive elements, avoid placing the links too close to each other, as it’s too easy for a human digit to slip.
Content Factors
Keywords and Related Phrases in the Body – GOOD
This will benefit your site.
While keywords are still important, no web page is free from the risk of being over-optimized. SEO is like chocolate: too much can and will poison you! This works with keyword presence in your content, too.
And the rule of thumb is simple. The longer the text, the more keywords and related terms it’s likely to have naturally. But mobile sites normally have shorter texts, so it would be strange for them to have as many keywords and phrases. Avoid over-optimization and keep it natural for the amount of words you have.
Keywords in External Links – BAD
This will drag your site down.
Internet marketing is a dog-eat-dog kind of world. Even after doing your SEO perfectly, you can still trip over your own two feet and fall face down in the dirt.
If you know how backlinks work and what kind of advantage they provide, it should be easy to see how this could work against you. If you are aiming to rank higher for certain keywords, don’t help other websites rank for them by putting your keywords into the anchor text that links out to them. Google might interpret an outbound link with a valuable keyword in it as indicating a source that is more relevant to the page’s topic than your own site.
Word Count – BE CAREFUL
While desktop sites remain ahead of mobile ones in terms of how many words per page they use, the mobile sites’ word count appears to be growing little by little. Curiously, a higher number of words places you further away from the top position in rankings, but URLs ranked worse than the top 10 have roughly the same text length as in the top 3.
Setting aside the confusing statistics, you should try to make your content rich by the mobile screen’s standards rather than the desktop’s. Between 700 and 1000 words is plenty.
Additional Factors
Social Signals – GOOD
This will benefit your site.
Rich social engagement provides a ranking boost for a site regardless of the platform. Users browse social networks on mobile, too. There’s no reason why you shouldn’t use this to your advantage.
An average user spends about 30 minutes a day on Facebook alone. Over 77% of all content shared via mobile goes through messaging apps like Facebook Messenger and WhatsApp, making them an excellent platform for attracting visitors (through means such as newsletters, invitations or ad targeting). Don’t forget that social media’s primary purpose is communication, and communication equals feedback! You won’t find it in such abundance anywhere else.
Local Search Optimization – GOOD
This will benefit your site.
Local SEO is essential for every business with a brick-and-mortar location. Mobile devices can be taken anywhere with ease and thus are more often used for finding places (including places to shop). Putting these two facts together, mobile SEO will give your business an even stronger presence on the Web.
But you may get discouraged if you try to research the conversions. According to data from Q4 2016, desktop websites got a 26% cart conversion rate, while smartphones brought only 16%! What gives? Well, there’s a really simple explanation: it’s because the shoppers prefer to make purchases on a larger screen. They use a mobile device to find what they want and then switch to a desktop machine to enter payment information.
See how important it is to have a site tailored for each type of platform?
Are you ready to claim the top spot in mobile search results for yourself? Sign up for a 14-day free trial on WebCEO and check your website for over 20 mobile ranking factors right away!
Check your website against critical mobile ranking factors now!
The opinions expressed in this article are the sponsor’s own.
https://www.searchenginejournal.com/mobile-ranking-factors-2017-seo-mobile-friendly/194751/
On – 18 Apr, 2017 By WebCEO [Partner]
from ANDLOCAL SEO Services https://andlocal.org/mobile-ranking-factors-2017-is-your-seo-mobile-friendly-search-engine-journal/ from ANDLOCAL https://andlocalorg.tumblr.com/post/159876666101
0 notes
adamstuckerma · 8 years ago
Text
Mobile Ranking Factors 2017: Is Your SEO Mobile Friendly? – Search Engine Journal
After two decades of growth and development, mobile devices now bring the largest chunks of traffic to online businesses, and their influence is only going to expand further and further. That’s exactly the reason for Google’s switch to mobile-first: to open new possibilities in the art of website optimization. To seize them, we need to answer one question first: How does one improve website rankings with mobile SEO?
There are a number of factors which make your mobile website rank higher (or lower) in Google, and they can be safely divided into three major groups: technical, user experience and content. There’s an additional group for a few other factors that can’t be included into the previous three, but still deserve mention. To help you get better acquainted with them, the editorial team of WebCEO has composed this list below that describes the most important mobile ranking factors.
Technical Factors
Site Speed – GOOD
This will benefit your site.
Who doesn’t like fast-loading web pages? They are a treat regardless of what device you use to surf the net. However, users tend to show less patience than usual with handheld platforms.
According to a Mobile Ranking Factors study by Searchmetrics, the average loading time in the mobile top 10 is 1.10 seconds, and being only a tad slower (1.17 seconds on average) sends you further down in the top 30. The line separating successful sites from the poorly optimized ones is shockingly thin, wouldn’t you agree? By the way, if the site doesn’t load in 3 seconds, mobile users just close the browser’s tab.
AMP (Accelerated Mobile Pages) – GOOD
This will benefit your site.
AMP’s secret is being light on their HTML and CSS code. It makes pages easily pre-renderable and cacheable for browsers, and as a result, they load 30 times faster than regular pages – basically, almost as soon as you click on the link. Thanks to this neat ability, AMPs have a positive effect not only on rankings, but on click-through rates as well. No wonder they show up in almost every Google search result: after all, they offer the best of the best user experience.
Flash – BAD
This will drag your site down.
Perhaps this issue will be addressed later in the future, but for now, most mobile browsers don’t support Flash content and thus can’t display it. Which is why it’s best to have none on your mobile site. Otherwise, not only can users not see what you wanted to show them, but you also risk a penalty from Google for hidden content.
Technical Errors – BAD
This will drag your site down.
This goes without saying. A webmaster who allows errors and bugs on their site has no respect for themselves, their work or their users. This isn’t even a matter of ranking high in search results… though of course, that’s also a factor to consider.
If your site has issues that need fixing, users are most likely to run into errors such as faulty redirects leading to the site’s desktop version and non-existing pages (good old 404 errors). Small problems can turn exploring your website into one big problem, so don’t take too long dealing with them. And big problems that are already there demand even swifter action.
User Experience Factors
Unordered Lists – GOOD
This will benefit your site.
Who would’ve thought that something as ordinary and common as a list of whatever things could affect your site in a positive way?
Google seems to reward mobile sites for having unordered lists even more generously than desktop sites. This is not surprising because a neatly organized list is easy to scan. However, rankings begin to fall when the lists have too many elements in them. Because a small screen can display only so much at a time, the golden number of bullets for mobile devices is 9.
Images – GOOD
This will benefit your site.
A picture is worth a thousand words. This old saying holds water in web design, as well.
Apart from being aesthetically pleasing to the human eye, images are also easier to perceive and leave a stronger impression on the viewer than raw text. It’s not surprising at all that visual media are an integral part of creating an enjoyable site. However, one must not forget how abundant content affects the site’s loading speed. Optimize your images to reduce their dimensions and file size and avoid using too many. On average, a single mobile page has 4 images.
Intrusive Interstitials – BAD
This will drag your site down.
Pop-ups are the most hated enemy of all Internet users, desktop and mobile. They can be shameless enough on a PC even when they ask for something as innocent as your subscription – now imagine the same on a mobile device. Its much smaller screen makes it a lot easier to obstruct a site’s content with a single annoying pop-up form. Google knows this, and so they have rolled out an update that will smack the more selfish website owners with a good penalty in rankings. The algorithm still needs some work, but I hope you know better than to underestimate Google.
Small Font – BAD
This will drag your site down.
“What is this? A web page for ants?”
If you’ve ever tried opening a desktop site on a handheld device, you probably had trouble reading its contents. That’s to be expected when a page made for your standard PC display is shrunk to a mere 540×960 pixels. For that reason, the logical solution is to use large (recommended value is 16 pt.) font on your pages – at least above the fold. That’s where the page’s headline is placed, and that’s where it must serve its purpose to get the visitors invested in the content below.
Small Touch Elements – BAD
This will drag your site down.
Do you use interactive elements on your site, like buttons or checkboxes? They shouldn’t be so small that the user’s finger has trouble pressing on them. Imagine the frustration from trying to hit a pixel on a screen and missing ten times in a row. What do you think will happen to your conversion rates if visitors can’t fulfil their goal on your site?
Missing isn’t the worst-case scenario, though; it could get much more dramatic. If small elements are placed next to each other, the user might press the wrong one and end up posting his or her credit card information online for all to see! A bit extreme, but for an example, it brings the point across nicely.
Internal Links – BE CAREFUL
Mobile pages tend to have around 75% fewer links on them than desktop pages. This is due to the limitations placed on their size and content in order to improve UX. In a similar manner to other interactive elements, avoid placing the links too close to each other, as it’s too easy for a human digit to slip.
Content Factors
Keywords and Related Phrases in the Body – GOOD
This will benefit your site.
While keywords are still important, no web page is free from the risk of being over-optimized. SEO is like chocolate: too much can and will poison you! This works with keyword presence in your content, too.
And the rule of thumb is simple. The longer the text, the more keywords and related terms it’s likely to have naturally. But mobile sites normally have shorter texts, so it would be strange for them to have as many keywords and phrases. Avoid over-optimization and keep it natural for the amount of words you have.
Keywords in External Links – BAD
This will drag your site down.
Internet marketing is a dog-eat-dog kind of world. Even after doing your SEO perfectly, you can still trip over your own two feet and fall face down in the dirt.
If you know how backlinks work and what kind of advantage they provide, it should be easy to see how this could work against you. If you are aiming to rank higher for certain keywords, don’t help other websites rank for them by putting your keywords into the anchor text that links out to them. Google might interpret an outbound link with a valuable keyword in it as indicating a source that is more relevant to the page’s topic than your own site.
Word Count – BE CAREFUL
While desktop sites remain ahead of mobile ones in terms of how many words per page they use, the mobile sites’ word count appears to be growing little by little. Curiously, a higher number of words places you further away from the top position in rankings, but URLs ranked worse than the top 10 have roughly the same text length as in the top 3.
Setting aside the confusing statistics, you should try to make your content rich by the mobile screen’s standards rather than the desktop’s. Between 700 and 1000 words is plenty.
Additional Factors
Social Signals – GOOD
This will benefit your site.
Rich social engagement provides a ranking boost for a site regardless of the platform. Users browse social networks on mobile, too. There’s no reason why you shouldn’t use this to your advantage.
An average user spends about 30 minutes a day on Facebook alone. Over 77% of all content shared via mobile goes through messaging apps like Facebook Messenger and WhatsApp, making them an excellent platform for attracting visitors (through means such as newsletters, invitations or ad targeting). Don’t forget that social media’s primary purpose is communication, and communication equals feedback! You won’t find it in such abundance anywhere else.
Local Search Optimization – GOOD
This will benefit your site.
Local SEO is essential for every business with a brick-and-mortar location. Mobile devices can be taken anywhere with ease and thus are more often used for finding places (including places to shop). Putting these two facts together, mobile SEO will give your business an even stronger presence on the Web.
But you may get discouraged if you try to research the conversions. According to data from Q4 2016, desktop websites got a 26% cart conversion rate, while smartphones brought only 16%! What gives? Well, there’s a really simple explanation: it’s because the shoppers prefer to make purchases on a larger screen. They use a mobile device to find what they want and then switch to a desktop machine to enter payment information.
See how important it is to have a site tailored for each type of platform?
Are you ready to claim the top spot in mobile search results for yourself? Sign up for a 14-day free trial on WebCEO and check your website for over 20 mobile ranking factors right away!
Check your website against critical mobile ranking factors now!
The opinions expressed in this article are the sponsor’s own.
https://www.searchenginejournal.com/mobile-ranking-factors-2017-seo-mobile-friendly/194751/
On – 18 Apr, 2017 By WebCEO [Partner]
source https://andlocal.org/mobile-ranking-factors-2017-is-your-seo-mobile-friendly-search-engine-journal/ from ANDLOCAL http://andlocal.blogspot.com/2017/04/mobile-ranking-factors-2017-is-your-seo.html
0 notes
andlocalorg · 8 years ago
Text
Mobile Ranking Factors 2017: Is Your SEO Mobile Friendly? – Search Engine Journal
After two decades of growth and development, mobile devices now bring the largest chunks of traffic to online businesses, and their influence is only going to expand further and further. That’s exactly the reason for Google’s switch to mobile-first: to open new possibilities in the art of website optimization. To seize them, we need to answer one question first: How does one improve website rankings with mobile SEO?
There are a number of factors which make your mobile website rank higher (or lower) in Google, and they can be safely divided into three major groups: technical, user experience and content. There’s an additional group for a few other factors that can’t be included into the previous three, but still deserve mention. To help you get better acquainted with them, the editorial team of WebCEO has composed this list below that describes the most important mobile ranking factors.
Technical Factors
Site Speed – GOOD
This will benefit your site.
Who doesn’t like fast-loading web pages? They are a treat regardless of what device you use to surf the net. However, users tend to show less patience than usual with handheld platforms.
According to a Mobile Ranking Factors study by Searchmetrics, the average loading time in the mobile top 10 is 1.10 seconds, and being only a tad slower (1.17 seconds on average) sends you further down in the top 30. The line separating successful sites from the poorly optimized ones is shockingly thin, wouldn’t you agree? By the way, if the site doesn’t load in 3 seconds, mobile users just close the browser’s tab.
AMP (Accelerated Mobile Pages) – GOOD
This will benefit your site.
AMP’s secret is being light on their HTML and CSS code. It makes pages easily pre-renderable and cacheable for browsers, and as a result, they load 30 times faster than regular pages – basically, almost as soon as you click on the link. Thanks to this neat ability, AMPs have a positive effect not only on rankings, but on click-through rates as well. No wonder they show up in almost every Google search result: after all, they offer the best of the best user experience.
Flash – BAD
This will drag your site down.
Perhaps this issue will be addressed later in the future, but for now, most mobile browsers don’t support Flash content and thus can’t display it. Which is why it’s best to have none on your mobile site. Otherwise, not only can users not see what you wanted to show them, but you also risk a penalty from Google for hidden content.
Technical Errors – BAD
This will drag your site down.
This goes without saying. A webmaster who allows errors and bugs on their site has no respect for themselves, their work or their users. This isn’t even a matter of ranking high in search results… though of course, that’s also a factor to consider.
If your site has issues that need fixing, users are most likely to run into errors such as faulty redirects leading to the site’s desktop version and non-existing pages (good old 404 errors). Small problems can turn exploring your website into one big problem, so don’t take too long dealing with them. And big problems that are already there demand even swifter action.
User Experience Factors
Unordered Lists – GOOD
This will benefit your site.
Who would’ve thought that something as ordinary and common as a list of whatever things could affect your site in a positive way?
Google seems to reward mobile sites for having unordered lists even more generously than desktop sites. This is not surprising because a neatly organized list is easy to scan. However, rankings begin to fall when the lists have too many elements in them. Because a small screen can display only so much at a time, the golden number of bullets for mobile devices is 9.
Images – GOOD
This will benefit your site.
A picture is worth a thousand words. This old saying holds water in web design, as well.
Apart from being aesthetically pleasing to the human eye, images are also easier to perceive and leave a stronger impression on the viewer than raw text. It’s not surprising at all that visual media are an integral part of creating an enjoyable site. However, one must not forget how abundant content affects the site’s loading speed. Optimize your images to reduce their dimensions and file size and avoid using too many. On average, a single mobile page has 4 images.
Intrusive Interstitials – BAD
This will drag your site down.
Pop-ups are the most hated enemy of all Internet users, desktop and mobile. They can be shameless enough on a PC even when they ask for something as innocent as your subscription – now imagine the same on a mobile device. Its much smaller screen makes it a lot easier to obstruct a site’s content with a single annoying pop-up form. Google knows this, and so they have rolled out an update that will smack the more selfish website owners with a good penalty in rankings. The algorithm still needs some work, but I hope you know better than to underestimate Google.
Small Font – BAD
This will drag your site down.
“What is this? A web page for ants?”
If you’ve ever tried opening a desktop site on a handheld device, you probably had trouble reading its contents. That’s to be expected when a page made for your standard PC display is shrunk to a mere 540×960 pixels. For that reason, the logical solution is to use large (recommended value is 16 pt.) font on your pages – at least above the fold. That’s where the page’s headline is placed, and that’s where it must serve its purpose to get the visitors invested in the content below.
Small Touch Elements – BAD
This will drag your site down.
Do you use interactive elements on your site, like buttons or checkboxes? They shouldn’t be so small that the user’s finger has trouble pressing on them. Imagine the frustration from trying to hit a pixel on a screen and missing ten times in a row. What do you think will happen to your conversion rates if visitors can’t fulfil their goal on your site?
Missing isn’t the worst-case scenario, though; it could get much more dramatic. If small elements are placed next to each other, the user might press the wrong one and end up posting his or her credit card information online for all to see! A bit extreme, but for an example, it brings the point across nicely.
Internal Links – BE CAREFUL
Mobile pages tend to have around 75% fewer links on them than desktop pages. This is due to the limitations placed on their size and content in order to improve UX. In a similar manner to other interactive elements, avoid placing the links too close to each other, as it’s too easy for a human digit to slip.
Content Factors
Keywords and Related Phrases in the Body – GOOD
This will benefit your site.
While keywords are still important, no web page is free from the risk of being over-optimized. SEO is like chocolate: too much can and will poison you! This works with keyword presence in your content, too.
And the rule of thumb is simple. The longer the text, the more keywords and related terms it’s likely to have naturally. But mobile sites normally have shorter texts, so it would be strange for them to have as many keywords and phrases. Avoid over-optimization and keep it natural for the amount of words you have.
Keywords in External Links – BAD
This will drag your site down.
Internet marketing is a dog-eat-dog kind of world. Even after doing your SEO perfectly, you can still trip over your own two feet and fall face down in the dirt.
If you know how backlinks work and what kind of advantage they provide, it should be easy to see how this could work against you. If you are aiming to rank higher for certain keywords, don’t help other websites rank for them by putting your keywords into the anchor text that links out to them. Google might interpret an outbound link with a valuable keyword in it as indicating a source that is more relevant to the page’s topic than your own site.
Word Count – BE CAREFUL
While desktop sites remain ahead of mobile ones in terms of how many words per page they use, the mobile sites’ word count appears to be growing little by little. Curiously, a higher number of words places you further away from the top position in rankings, but URLs ranked worse than the top 10 have roughly the same text length as in the top 3.
Setting aside the confusing statistics, you should try to make your content rich by the mobile screen’s standards rather than the desktop’s. Between 700 and 1000 words is plenty.
Additional Factors
Social Signals – GOOD
This will benefit your site.
Rich social engagement provides a ranking boost for a site regardless of the platform. Users browse social networks on mobile, too. There’s no reason why you shouldn’t use this to your advantage.
An average user spends about 30 minutes a day on Facebook alone. Over 77% of all content shared via mobile goes through messaging apps like Facebook Messenger and WhatsApp, making them an excellent platform for attracting visitors (through means such as newsletters, invitations or ad targeting). Don’t forget that social media’s primary purpose is communication, and communication equals feedback! You won’t find it in such abundance anywhere else.
Local Search Optimization – GOOD
This will benefit your site.
Local SEO is essential for every business with a brick-and-mortar location. Mobile devices can be taken anywhere with ease and thus are more often used for finding places (including places to shop). Putting these two facts together, mobile SEO will give your business an even stronger presence on the Web.
But you may get discouraged if you try to research the conversions. According to data from Q4 2016, desktop websites got a 26% cart conversion rate, while smartphones brought only 16%! What gives? Well, there’s a really simple explanation: it’s because the shoppers prefer to make purchases on a larger screen. They use a mobile device to find what they want and then switch to a desktop machine to enter payment information.
See how important it is to have a site tailored for each type of platform?
Are you ready to claim the top spot in mobile search results for yourself? Sign up for a 14-day free trial on WebCEO and check your website for over 20 mobile ranking factors right away!
Check your website against critical mobile ranking factors now!
The opinions expressed in this article are the sponsor’s own.
https://www.searchenginejournal.com/mobile-ranking-factors-2017-seo-mobile-friendly/194751/
On – 18 Apr, 2017 By WebCEO [Partner]
from ANDLOCAL SEO Services https://andlocal.org/mobile-ranking-factors-2017-is-your-seo-mobile-friendly-search-engine-journal/
0 notes