노상범 - Google+ - 어제 후배들과 저녁 먹으면서 10분 만에 마구잡이로 정리해 본 현재 한국 웹에이전시 Top 10 (완전… Define and Align: A Manageable Content and Social Media Marketing Process - YouMoz In our experience, we’ve discovered that we usually have to ease our clients into the realities of organic web marketing. They can get behind the groundwork of SEO easily enough; user experience and integrating the right keywords: these are not totally alien concepts to anyone who’s been around the marketing scene for more than three seconds. But when we get into the truth of how much time and effort goes into the actual work of raising their web visibility--that it’s an ongoing process that will require them to generate content and build relationships--we often see some reluctance. To combat that reluctance, we’ve put a lot of thought into how we conduct and explain our particular version of content marketing. Defining our Terms Before we get into that, a quick note about said version of content marketing. When we work with clients on their web marketing, we tend to blur that line between content and social media marketing. The Solution This graphic depicts Stages Two and Three. Savvy?
One Wireless Activity & Sleep Tracker Track steps, distance, calories burned, stairs climbed, and how well you sleep. The stats on the One™ automatically sync to your computer and select smartphones Learn from free graphs, charts, and tools that visualize your activity and sleep quality Challenge yourself and your friends as you set goals, earn badges and get fit A lot of power, a little device Monitor your day with the One™ – this tracker’s aim is to empower and encourage you by delivering real-time feedback that helps you be more active. The One™ Tracks: Stairs climbed Calories burned Hours slept Distance traveled Quality of sleep Powered by Fitbit’s leading-edge accelerometer and altimeter, the One™ accurately captures all-day activity that old-school pedometers can’t handle. Helps you get your ZZZs The One™ doesn’t nap, even when you do. By your side, day and night Debuting in black and burgundy, the One™ is suitably discreet. Syncs your stats for you Wireless Sync Works with Mac OSX and Windows Badges galore
Mobile Marketing Strategy – If you’re not making mobile your first priority, you’re doing it wrong A while back, I reached out to a trusted industry colleague to get his thoughts on the mobile search landscape. He, in turn, referred to me to the one person he trusts for mobile thought leadership, and I decided to pick her brain for a while. After engaging in a six-week consultation, I’ve come away even more convinced that what we currently consider to be “mobile marketing” will soon become just plain marketing. Let me explain. If you work for an enterprise brand of any sort, you’re likely very aware of the fact that: a) a significant portion of your traffic and conversion originate from either a smart phone or a tablet, and that this portion is growing larger and larger with every passing day b) many of these consumers are actually consuming your content and engaging with your brand via multiple mobile screens (e.g. both via tablets and via smart phones) 1) Validate your site for mobile browsers 3) Focus on improving page-load speeds
Selling isn't for you. Use Sold. Building Smartphone-Optimized Websites - Webmasters Details of recommendations Google supports smartphone-optimized sites in three configurations: Sites that use responsive web design, i.e. sites that serve all devices on the same set of URLs, with each URL serving the same HTML to all devices and using just CSS to change how the page is rendered on the device. This is Google's recommended configuration.Sites that dynamically serve all devices on the same set of URLs, but each URL serves different HTML (and CSS) depending on whether the user agent is a desktop or a mobile device.Sites that have separate mobile and desktop URLs. On this page we will look at how to implement each of these configurations. Responsive web design Responsive web design is a setup where the server always sends the same HTML code to all devices and CSS is used to alter the rendering of the page on the device using media queries. A CSS media query we recommend to use for smartphones is: @media only screen and (max-width: 640px) {...} Why responsive design <?
Why Google loves responsive design (and you should too) In early June the official Google blog came out with a definitive stance on recommendations for smartphone optimized websites. This blog post explains how you can abide by these recommendations to keep Google and your visitors happy. Most important of all, Google identified one type of website as the preferred solution: Sites that serve all devices on the same set of URLs, with each URL serving the same HTML to all devices and using just CSS to change how the page is rendered on the device. This means that to ensure your website is optimised in the best way for mobiles and for search engine spiders, responsive design is the best way to go. The above also provides a very good description of what a responsive site is, but it doesn’t go in to the reasons as to why it makes Google so happy. Below I’ve detailed not only the reasons Google loves responsive design, but also reasons why the visitors to your website will enjoy it. Responsive sites attract more links to key pages As Google states:
Responsive Web Design: Missing the Point Alex Mangini touched on something I think is extremely important. In his post, Why Is Responsive Design Such a Big Deal? Seriously…You Tell Me, he asks: Do you really need to serve your “mobile” visitors a different layout based on your current content? Short answer: no. Like Jason Grigsby recently wrote, other tasks like optimizing performance can lead to a much better mobile experience than adapting the layout: If you could only do one thing to prepare your desktop site for mobile and had to choose between employing media queries to make it look good on a mobile device or optimizing the site for performance, you would be better served by making the desktop site blazingly fast. Also, Kristofer Layon’s book, Mobilizing Web Sites: Develop & Design, beautifully articulates lots of techniques to make your desktop site more mobile-friendly without necessarily having to go through the responsive process. Here’s the Point Does creating a better mobile experience really matter? Yes, yes and yes.
Google Finally Takes A Clear Stance On Mobile SEO Practices Today at SMX Advanced during the iSEO panel, Pierre Far, Google Webmaster Trends Analyst, announced clear guidelines and recommendations on mobile SEO. In short, Google recommends you go with a responsive design when possible, otherwise you can use device-specific HTML but Google asks you to take certain steps to communicate when you are using device-specific HTML. Google has been known to offer contradictory advice on mobile SEO thus far and Google wanted to take a watch and listen approach to see how webmasters were implementing their mobile web sites. Now Google has come out with their official recommendations on how to build mobile web sites that work best for users and at the same time work well for Google. In December 2011, Google introduced a new mobile user agent for Googlebot-Mobile Smartphones, which was responsible for detecting mobile content. Three Methods of Smartphone Mobile Site Design Responsive Design Approach Device-Specific HTML Approach Pierre from Google explains:
45 Incredibly Useful Web Design Checklists and Questionnaires Designing websites can be a long and complicated process. Dealing with clients, designing prototypes, coding, programming, and testing – there’s a lot to keep track of and a lot to make sure gets done. That’s where checklists can make your life a whole lot easier. Below are 45 checklists to make your design process easier and more organized. Also consider our previous article: 15 Essential Checks Before Launching Your Website1 lists some important things to check before you make your sites public. 1. These questionnaires and checklists are focused on making your relationships with your clients better. How to Extract the Facts with a Web Design Client Questionnaire2 This questionnaire from Freelance Switch is meant to send out to prospective clients to get a good idea of what they’re looking for from a website. Design checklist: What clients should provide their designer4 A checklist of things that clients should provide their designer at the outset. 2. 3. 4. Dr. 5. 6. 7. 8.