среда, 25 ноября 2015 г.

10 best free HTML5 templates | HTML5 | Creative Bloq

10 best free HTML5 templates

If a website is disorganized, confusing, hard to read or just plain ugly, chances are, you're going to move on. And – if this poorly designed website is yours – guess what? You just lost a potential client.

Thankfully, when designing a website, you don't have to start from scratch. There are literally thousands of HTML5 templates available on the Internet. Some are free; some are not. Some are easy to work with; others – well, not so much.

Don't miss this!

With so many free HTML5 templates from which to choose, how do you know which one is right?

First and foremost, your new template should be free of bugs and easy to customize. That means your template should come from a reputable source. That having been said, my three favorite places for templates are:

In addition to working well, your template should match your personality and fit your site. If you're a photographer, and you want to showcase your work, look for an appropriate template – perhaps one with a nice image gallery option.

Why HTML5?

So why choose a free HTML5 template? Simple. HTML5 offers cleaner code. Okay, that's not the only reason, but it is one of the best reasons!

Sure, HTML5 lets you add audio and video support without having to rely on third-party plugins like Flash; it uses local storage; it provides a more dynamic user-experience; and it can even be used for game development; but the fact is – clean code makes me happy and when you start customizing your site, I bet it'll make you happy too.

Free HTML5 templates

How were these selected?

The following list of 10 FREE HTML5 templates are ones I personally like and would use on any of my sites. I like simple, elegant designs. I was on the lookout for features like:

  • Responsive design
  • Parallax effects
  • Ghost buttons
  • Easy-to-customize

So, without further ado, let's have a look at which ones made the cut.

TemplateMonster

TemplateMonster is an excellent resource for web design goodies. Although they focus on premium content, they do offer a nice variety of freebies.

01. Ultra-Modern Free Responsive Design Agency Theme

Free HTML5 templates
This is a great free HTML5 template for showcasing your work

This freebie offers responsive design and works best for those who wish to showcase their work. Its vibrant, modern look includes parallax effects, large buttons and an emphasis on topography.

02. Free HTML5 Theme with Modern Streak to Revet Design Studio Site

Free HTML5 templates
This free HTML5 template has a more minimal look

Looking for something a little less vibrant? This minimalist design features blurred images, negative space and ghost buttons.

03. Modern Vintage Twist in Free HTML5 Theme for Exterior Design Website

Free HTML5 templates
This is a retro but responsive template

One of my favorite templates from TemplateMonster is this retro and responsive design. It offers natural colors, blurred images and hexagon shapes.

TEMPLATED

I recently discovered this little gem. They offer a small collection of free CSS, HTML5, and responsive site templates released under the Creative Commons license.

04. Spacial

Free HTML5 templates
This HTML5 template offers parallax effects

This minimalistic and spacious design offers a large cover image, parallax effects and crisp, clean font. Perfect for the blogger.

05. Ion

Free HTML5 templates
This responsive HTML5 template is subtle

Another responsive, minimalistic design, Ion offers additional options such as a right or left sidebar. The beauty of this design is in its subtly.

Next page: five more free HTML5 templates (and a bonus!)



Sent from my iPhone

Как увеличить посещаемость сайта: основы и запрещённые приёмы SEO - Лайфхакер

Как увеличить посещаемость сайта: основы и запрещённые приёмы SEO

Мы часто рассказываем о том, как самостоятельно сделать сайт. Но запуск своего ресурса — это только начало пути. Если вы хотите, чтобы он действительно заработал и выполнял свои задачи, необходимо повышать посещаемость сайта, продвигая его в поисковых системах. В статье мы расскажем об основах SEO и о незаконных методиках, за которые ваш ресурс могут удалить из поисковой выдачи.

Как увеличить посещаемость сайта

Что такое SEO

SEO — аббревиатура, которая расшифровывается как Search Engine Optimization, а в переводе с английского означает «оптимизация под поисковые системы», или «поисковая оптимизация». Поисковые системы сканируют все онлайн-ресурсы и сортируют (индексируют) их по определённым законам.

Поисковая оптимизация выполняется для того, чтобы сайт «понравился» поисковикам. Высокие позиции ресурса в поисковой выдаче гарантируют ему хорошую посещаемость. Практически 100% всех пользователей переходят по верхним трём ссылкам с первой страницы выдачи. Немногие добираются до конца первой страницы, и только самые упорные и дотошные переходят на вторую и третью.

Ваша первая задача после запуска сайта — активно продвигать его, чтобы он оказался на первой странице, а лучше — в топ-3 поисковой выдачи. Сделать это не так просто. Потребуется долгая и кропотливая работа, результат которой будет зависеть не только от ваших усилий, но и от многих других факторов, например конкуренции в вашей сфере. Мы расскажем об основах поискового продвижения и укажем методы «чёрного» SEO, за применение которых поисковики могут удалить ваш сайт из результатов поиска.

Основы SEO

1. Внимательно отнеситесь к подбору доменного имени. Простое и благозвучное название сайта важно не только для привлечения посетителей, но и для продвижения в поисковиках. Отличный вариант, когда доменное имя отражает сферу деятельности бренда. Например, пиццерии под названием «Марио» следует включить слово «пицца» в свой домен: www.pizzamario.com.

ADVERTISEMENT

2. Добавьте метатеги для сайта и для каждой его страницы — заголовок и описание сайта. Они не видны посетителям сайта, но важны для сканеров поисковых систем. Обязательно стоит включить ключевые слова — это поможет поисковикам быстрее понять тематику вашего сайта. Кстати, метатеги главной страницы будут видны в результатах поисковой выдачи, поэтому было бы неплохо сделать их привлекательными. Ведь именно по этому описанию пользователь принимает решение, перейти на ваш сайт или нет.

3. Оптимизируйте содержание вашего ресурса:

  • Объём текста на каждой странице должен быть не слишком маленьким, но и не слишком большим. О примерной цифре до сих пор ведутся споры. Ясно одно: длинный занудный текст, пестрящий устаревшими фактами, читать не будет никто. Поэтому размещайте качественный контент и постоянно его обновляйте. Есть простое правило: то, что нравится посетителям, скорее всего, понравится и поисковым системам.
  • Ключевые слова. Они нужны, они работают, они помогают вашему сайту быстрее занять верхние позиции в поисковой выдаче. Но пометьте себе красным маркером: ключи должны быть вписаны органично! Уже давно пора попрощаться с унылыми, перенасыщенными ключами SEO-текстами. Только интересный и полезный контент активно работает на благо вашего сайта.
  • Перелинковка. В тексты непременно включайте ссылки, ведущие на другие страницы вашего сайта. Умело вписанные активные ссылки ювелирно проведут вашего посетителя от страницы захода до страницы, где он совершит нужное вам действие.

4. Используйте исходящие внешние ссылки. Многие боятся давать ссылки со своего ресурса на сторонние, мол, зачем я буду уводить свой трафик вовне? На самом деле внешние ссылки на высоко ранжируемые ресурсы с хорошей репутацией работают на вас. Ссылка на полезную для пользователя информацию, которой нет на вашем сайте, повышает ценность вашего ресурса.

5. Используйте входящие внешние ссылки. Они тоже прекрасно продвигают ваш сайт. Как органично размещать входящие внешние ссылки? Довольно просто:

  • Создайте группы в соцсетях и регулярно наполняйте их новостями о новых публикациях на вашем сайте с активными ссылками на них. Кроме этого, постите в группах дополнительный контент, который (мы снова об этом!) будет привлекателен для посетителей. Это обеспечит рост подписчиков.
  • Заведите блог на стороннем ресурсе. В нём можно делать анонсы новых текстов и новостей с сайта (естественно, с активными ссылками) или писать статьи другого содержания, органично дополняя их ссылками. Приведём пример: допустим, ваш сайт — это магазин велосипедов и запчастей к ним. В блоге вы можете писать обзоры новинок или статьи о том, как самостоятельно починить велосипед, давая ссылки на запчасти, продающиеся на вашем сайте. А ссылками на статьи в блоге делитесь в соцсетях: на своих страницах и в крупных сообществах с подходящей тематикой.

6. Добавьте атрибуты Title и Alt для всех изображений. Это название и описание картинки, которые помогают поисковой системе её увидеть, понять, что на ней изображено, и, следовательно, правильно её проиндексировать.

7. Подтвердите права на свой сайт. Только после этого вы получите доступ к информации, собранной поисковым роботом при индексировании вашего ресурса, и к статистическим данным о нём. Сделайте это для тех поисковиков, в которых, как вы рассчитываете, пользователи будут вас искать, например для «Яндекса» и Google.

«Чёрные» методики SEO

Конечно, как и в любом деле, в SEO существуют «чёрные» методики, которые эффективно работают, но только до тех пор, пока вас не поймают. Уличив вас в использовании незаконных техник, поисковые системы могут сильно понизить ваш рейтинг или даже удалить ресурс из поисковой выдачи. Так что лучше не гнаться за быстрым результатом, рискуя своей репутацией.

Незаконные методики поискового продвижения

1. Скрытые тексты и ссылки

Это тексты и ссылки, которые видны поисковым системам, но не видны пользователям. Они считаются спамом.

Поисковик воспринимает текст как скрытый, если:

  • шрифт неразборчивый и маленький;
  • текст спрятан за другими элементами, например изображениями;
  • текст находится в области страницы, которая была определена как невидимая или скрытая;
  • цвет шрифта сливается с фоном, то есть практически такой же.

2. Спам ключевых слов

Об этом мы упоминали, когда говорили о наполнении сайта. Откажитесь от многократного бессмысленного использования ключевых слов.

3. Покупка PR-ссылок

За определённую плату другой сайт размещает у себя ваши ссылки. Это делается для повышения рейтинга вашего ресурса PageRank и считается спамом, так как поисковики могут определить, что внешние ссылки не были размещены органичным способом.

4. Использование 100% Frame

100% Frame — страница, полностью покрытая рамкой и содержащая контент, совершенно отличающийся от тематики ресурса. Получается, что поисковик ранжирует ваш ресурс в соответствии с вашей домашней страницей, а пользователи видят другой сайт.

5. Использование незаконной переадресации

Незаконная переадресация используется для увеличения количества показов сайта в результатах поиска — он показывается через различные домены. Происходит это так: при переходе по определённому URL вас автоматически перекидывает на другой сайт. Первая ссылка появляется в адресной строке на секунду, а потом заменяется другой. Законным признан только 301-й редирект.

Как продвигать свой сайт, если вы ничего не понимаете в программировании

Сейчас свой сайт создаёт каждый, кому важно иметь достойное представительство в интернете: фотографы, музыканты, владельцы бизнесов. И, конечно, если ваша деятельность никак не связана с программированием, вы не знаете, да и не обязаны знать всех тонкостей внутренней начинки вашего ресурса. Как же заниматься оптимизацией сайта, когда вы не очень понимаете, где прописывать метатеги, Alt и Title у картинок и прочие загадочные вещи?

Без сомнения, если у вас есть свободные деньги, можно отдать это на аутсорс и тратить силы и энергию на другие важные дела. Но бюджет начинающей компании или специалиста далеко не всегда может безболезненно перенести подобные весьма серьёзные затраты.

Мы недавно писали о том, что, не имея навыков программирования и дизайна, вы можете самостоятельно создать свой сайт при помощи платформы Wix. Сейчас обнаружился ещё один плюс такого решения: сконструированный в Wix ресурс легко оптимизировать под поисковые системы.

В режиме редактирования открываем «Настройки сайта» и следуем пошаговой инструкции, которая дополнительно снабжена множеством подсказок. Инструмент «SEO-мастер» просканирует ваш сайт и подскажет, где и что нужно заполнить, чтобы ресурс хорошо индексировался.

Как увеличить посещаемость сайта: SEO-мастер Wix
Как увеличить посещаемость сайта: настройки SEO
Как увеличить посещаемость сайта: SEO-анализ

Выполнили основные SEO-настройки, но ещё чувствуете в себе силы? Можно перейти к продвинутому уровню.

Как увеличить посещаемость сайта: настройки SEO

Поисковое продвижение обычно представляется непосвящённым людям скучной, сложной, непонятной задачей, а в Wix это чем-то напоминает квест: выполни все шаги, чтобы твой сайт стал лучше.

Несмотря на то, что самостоятельно продвигать сайт всё же сложнее, чем доверить это специалистам, есть и существенные аргументы «за»: вы точно будете знать, что происходит с вашим ресурсом, по каким ключам вы продвигаетесь, где расположены внешние ссылки и на какие они ведут ресурсы. Вы будете уверены в том, что не применялись незаконные методики, и вам не надо будет постоянно изучать отчёты SEO-специалистов, чтобы понять, на какие работы были потрачены ваши деньги.

Желаем вам стремительно взлететь в топ поиска. Да пребудет с вами SEO-успех!

Как сделать сайт



Sent from my iPhone

вторник, 24 ноября 2015 г.

Автоматизация бизнеса: 5 интересных инструментов (и их аналоги) / Хабрахабр


Автоматизация бизнеса: 5 интересных инструментов (и их аналоги)



Развитие технологий приводит к тому, что многие компании внедряют различные инструменты автоматизации, которые позволяют улучшить уровень обслуживания и сократить издержки. В сегодняшнем материале мы рассмотрим несколько интересных (в том числе облачных) сервисов автоматизации и их аналоги.

Planado.ru: Управление выездными сотрудниками


Сервис Planado.ru позволяет осуществлять автоматизацию и контроль работы выездных сотрудников (установщики окон, монтажники оборудования и т.п.). Часто такие сотрудники выполняют работу не оптимально, а также могут обманывать работодателя (договариваться с клиентом в обход, использовать материалы компании, передвигаться на служебном авто по личным делам и т.п.)



Чтобы этого избежать в сервисе есть функциональность чек-листов по разным видам работ — работник все делает по шагам, поэтому исключается самодеятельность, а новички не совершают ненужных ошибок. По завершению работы с помощью приложения создается фотоотчет, который отправляется в офис. В офисном приложении руководители планируют маршруты сотрудников с учетом пробок (на карте через API Яндекс.Карт) и видят всю информацию по заказам.

По заявлению основателя проекта, внедрение сервиса дает прирост проивзодительности в среднем на 31%.

Похожие проекты: Telogis, FieldAware, Oracle Utilities Mobile Workforce Management

Jacada: Работа службы поддержки


Компания Jacada создает продукты для автоматизации работы сотрудников отделов поддержки. Среди решений — единая панель, в которой отображаются данные из разных необходимых для обслуживания программ (что в итоге снижает время на решение проблемы).



Как сказано на сайте проекта, многие программы, которые используются для сбора и хранения информации о клиенте, обладают неинтуитивными и сложными интерфейсами, поэтому сотруднику поддержки требуется много времени только на то, чтобы собрать всю нужную для решения проблемы информацию.

Похожие проекты: inContact, OpenSpan, Visual IVR

AmazingHiring: Подбор персонала


Российский проект AmazingHiring позиционирует себя в качестве «поисковика для эйчаров» (об этом основатели заявляли в интервью). Веб-приложение и расширение для браузера позволяет HR-специалистам искать подходящих кандидатов по множеству источников в интернете.



Основной упор идет на поиск ИТ-специалистов, поэтому анализируются такие сайты, как GitHub, Stackoverflow, Dribble и т.п — аккаунты на разных сайтах инструмент объединяет в одну карточку. Это, помимо прочего, позволяет находить даже тех профессионалов, которые не очень активны на сайтах для поиска работы типа LinkedIn.

Кроме того сервис автоматически оценивает квалификацию потенциальных сотрудников и подбирает кандидатов, которые подойдут на вакансию с большой долей вероятности.

Похожие проекты: The Interviewer, AutoSearch Mobile, The Hire Syndicate

Marketo: Автоматизация маркетинга




Один из самых известных облачных инструментов для автоматизации маркетинговых задач, который объединяет в себе возможности по работе с email-рассылками и соцсетями, функциональности CRM, конструктора посадочных страниц и т.п. (все интегрировано с Google Analytics).

Похожие продукты: HubSpot, Pardot, Oracle Eloqua

ActiveConvervion: Рост продаж




Как заявляют сами основатели проекта — ActiveConversion нужен для того, чтобы заполнить пробел между маркетингом и продажами. Делается это с одной стороны с помощью отслеживания маркетинговых усилий, а с другой — при помощи сбора данных о посетителях сайта, которые затем анализируются.

Все это позволяет повысить эффективность продаж — например, система будет советовать, когда лучше контактировать с потенциальным клиентов, чтобы он был с большей вероятностью готов к совершению покупки.

Похожие проекты: Microsoft Dynamics CRM, Pipedrive, Base

Другие посты по теме:

понедельник, 23 ноября 2015 г.

Дайджест интересных материалов для мобильного разработчика #130 (16–22 ноября) / Хабрахабр


Дайджест интересных материалов для мобильного разработчика #130 (16–22 ноября)

Завершаем неделю традиционным обзором лучших материалов из мира мобильной разработки — рассматриваем эволюцию вредоносного ПО для Android, эксперименты с иконками и сайты, где их можно найти бесплатно, тестирование Winium на Windows Phone, работу с Ionic, стриминг приложений прямо в поиск Google, 3D Touch и его последствия.



Инструмент сделан настолько просто и удобно, что большинство разработчиков не испытает трудностей, даже не зная, как он устроен, и какие дополнительные возможности в нём есть — возникающие проблемы легко решаются с помощью 5 минут на StackOverflow, путем копирования «магического кода» в конфигурационные файлы. Возможно, в том числе из-за этого не все разработчики изучают Gradle детально и не знают о многих его полезных возможностях, которые существенно облегчают жизнь.За свою историю Аська не раз меняла владельцев, обрела десятки альтернативных клиентов и пережила многих конкурентов. Было время, когда казалось, что она уже окончательно превратилась в интернет-историю. И всё же, несмотря ни на что, легенда продолжает жить. Сегодня Google стоит на пороге больших изменений касательно возможности отображать контент из мобильных приложений в Google Search: для индексации контента мобильного приложения в поисковой системе Google теперь необязательно иметь совпадающий веб-сайт. Кроме того, когда Google находит контент приложения, неустановленного на ваш телефон, то он предлагает посмотреть его «в потоке».

iOS

Android

Windows (Phone)

Разработка

Аналитика, маркетинг и монетизация

Устройства и IoT


Дайджест за прошлую неделю. Если у вас есть другие интересные материалы или вы нашли ошибку — пришлите, пожалуйста, в почту.                    

Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №186 (15 — 22 ноября 2015) / Блог компании Zfort Group / Хабрахабр


Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №186 (15 — 22 ноября 2015)

Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости


Веб-разработка
CSS
Javascript
Браузеры
Дизайн
Новости
Занимательное

Веб-разработка


CSS



JavaScript



Браузеры




Дизайн



Подборка бесплатных дизайнерских печенек



Новости



Занимательное



Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.