Анализ сайта mstudios.com
Основное Готовность: 55%
Домен
mstudios.com
Состояние доменного имени
?
Проверяем корректность доменного имени и наличие технических проблем на уровне домена.
Домен второго уровня идеален для продвижения.
Отличный запоминающийся домен.
Ответ сервера
200 Успешный ответ
HTTP-код ответа и цепочка редиректов
?
Код 200 — страница доступна. Коды 3xx — редиректы (цепочки замедляют загрузку и размывают ссылочный вес). Коды 4xx/5xx — ошибки, поисковик не сможет проиндексировать страницу.
Сервер настроен корректно.
Безопасность
Сайт небезопасен
Использование HTTPS и SSL-сертификат
?
HTTPS — обязательный стандарт. Google и Яндекс отдают предпочтение защищённым сайтам. Отсутствие SSL или просроченный сертификат ведут к предупреждениям в браузере и снижению позиций.
На сайте не найден защищенный протокол ssl и сайт не открывается по https!
Не настроен HSTS (Strict-Transport-Security) — рекомендуется включить.
Поздравляем! Сайт не содержится в реестре РКН.
Кодировка
utf-8
Кодировка символов страницы
?
Стандарт — UTF-8. Неправильная кодировка вызывает нечитаемые символы и мешает поисковику корректно распознать текст страницы.
Указана кодировка на странице utf-8.
Язык
en
Атрибут lang в HTML-теге
?
Атрибут lang (<html lang="ru">) сообщает поисковикам и браузерам, на каком языке написана страница. Помогает при ранжировании в региональном поиске.
Язык документа указан явно: en.
Скорость загрузки
~1,10сек
Время отклика сервера (TTFB)
?
Time To First Byte — время до получения первого байта от сервера. Норма до 200 мс. Медленный отклик ухудшает пользовательский опыт и ранжирование: Яндекс и Google учитывают скорость страниц.
Скорость загрузки сайта 1,10сек превышает 1 секунду. Желательно улучшить работу сайта!
Объем документа
41Кб
Размер HTML-кода страницы
?
Слишком большой HTML замедляет парсинг браузером и сканирование поисковым роботом. Рекомендуется не более 200 Кб.
Объем html-документа 41Кб оптимален.
Структура html-документа корректна.
Ресурсы
Ресурсы: 9
Внешние ресурсы страницы (CSS, JS, изображения)
?
Количество и тип подключённых ресурсов влияют на скорость загрузки. Большое число запросов увеличивает время рендеринга страницы.
Кол-во файлов ресурсов 9 достаточно.
Показать полный список ресурсов
| Тип | Название | Значение |
|---|---|---|
| stylesheet | text/css | styles/css/style.css |
| stylesheet | styles/css/ff.css | |
| js | https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js | |
| js | js/vendor/jquery.cycle2.min.js | |
| js | js/vendor/jquery.cycle2.swipe.min.js | |
| js | https://platform.twitter.com/widgets.js | |
| js | js/floral.min.js | |
| js | js/mstudios.js | |
| js | js/rssfeeds.min.js |
Серверные заголовки
Кол-во: 3
HTTP-заголовки ответа сервера
?
Заголовки сервера передают браузеру и поисковику служебную информацию: кеширование, безопасность (CSP, HSTS), сжатие (gzip). Правильная настройка ускоряет загрузку и повышает защищённость.
Найдены серверные заголовки 3шт. Подробнее про серверные заголовки.
Показать полный список серверных заголовков
| Ключ | Значение |
|---|---|
| Date | Sun, 23 Aug 2026 12:49:21 GMT |
| Server | Apache |
| Transfer-Encoding | chunked |
CMS
Joomla
Система управления сайтом (движок)
?
CMS — это движок, на котором работает сайт (WordPress, 1C-Bitrix, Tilda и др.). Знание CMS помогает понять возможности SEO-оптимизации и подобрать подходящие инструменты. «Не определена» — вероятно, самописный сайт или нестандартная сборка.
Сайт работает на CMS Joomla.
Веб-сервер
Apache
Программное обеспечение сервера
?
Веб-сервер — это ПО, которое отдаёт страницы посетителям (nginx, Apache, IIS, LiteSpeed и др.). Определяется по серверным заголовкам ответа (Server, X-Powered-By и т.п.). «Не определён» — сервер намеренно скрывает эти заголовки, это нормальная практика безопасности.
Сайт работает на веб-сервере Apache.
Мета-теги Готовность: 7%
Title
mSTUDIOS | design and beyond
Заголовок страницы в браузере и поисковой выдаче
?
Title — главный SEO-заголовок страницы. Влияет на CTR в поиске и ранжирование. Оптимальная длина: 50–70 символов. Ключевые слова — ближе к началу.
Необходимо увеличить число символов в title (текущее значение: 28, оптимально: от 40 до 45)
Дублей словоформ в title не найдено.
Description
mStudios for web design and development - meeting your needs and exceeding your expectations. From idea to product, mStudios is your forward-thinking partner.
Описание страницы в поисковой выдаче (сниппет)
?
Meta Description — текст под заголовком в выдаче. Напрямую на позиции не влияет, но влияет на CTR. Оптимальная длина: 120–160 символов.
Необходимо уменьшить число символов в description (текущее значение: 158, оптимально: от 120 до 130)
Keywords
Список ключевых слов страницы (устаревший тег)
?
Meta Keywords не учитывается Яндексом и Google для ранжирования с 2009–2012 годов. Заполнение не обязательно, но не вредит. Конкурент может использовать содержимое для анализа.
Установите мета-тег keywords!
Канонический Url
Указывает поисковику основную версию страницы
?
Canonical (rel=canonical) предотвращает проблему дублей страниц. Должен точно совпадать с URL проверяемой страницы. Неправильный canonical может передать ссылочный вес на другую страницу.
Рекомендуем прописать канонический Url.
Robots
index, follow
Директивы для поисковых роботов на уровне страницы
?
Meta Robots управляет индексацией конкретной страницы: index/noindex — индексировать ли, follow/nofollow — следовать ли по ссылкам. Noindex полностью исключает страницу из поиска.
Meta-тег robots со значениями index, follow не накладывает ограничений на индексирование и показ контента.
Адаптивность
width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=3.0
Настройка масштабирования на мобильных устройствах
?
Тег viewport (<meta name="viewport">) сообщает браузеру, как масштабировать страницу на мобильных. Стандарт: width=device-width, initial-scale=1. Отсутствие — признак отсутствия мобильной версии.
Meta-тег viewport со значением-константой width=device-width задаёт ширину страницы в соответствии с размером экрана.
Meta-тег viewport со значением initial-scale=1.0 определяет масштаб 1:1, т.е. «не масштабировать».
Meta-тег viewport со значением minimum-scale определяет минимальный масштаб области просмотра.
Meta-тег viewport со значением maximum-scale определяет максимальный масштаб области просмотра.
Разметка OpenGraph
Не найдено
Мета-теги для красивых превью в соцсетях
?
OpenGraph (og:title, og:description, og:image) управляет тем, как страница выглядит при репосте в социальных сетях и мессенджерах. Отсутствие OG-тегов — невзрачный превью при шеринге.
Разметка OpenGraph не задана. Страница не оптимизирована под социальные сети. Мета-теги с разметкой Og помогают социальным роботам лучше структурировать Ваш сайт.
Все мета-теги
Кол-во: 7
Полный список мета-тегов страницы
?
Таблица всех meta-тегов, включая нестандартные. Позволяет найти опечатки, дубли и лишние теги.
Найдены мета-теги 7шт. Мета-теги не видимы для человека и предназначены для обмена информацией между веб-страницей и поисковыми системами, браузерами и другими веб-службами. С ними роботы 🤖 и устройства ведут себя более ожидаемо.
Показать полный список мета-тегов
| Тип | Название | Значение |
|---|---|---|
| name | viewport | width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=3.0 |
| name | description | mStudios for web design and development - meeting your needs and exceeding your expectations. From idea to product, mStudios is your forward-thinking partner. |
| name | robots | index, follow |
| name | msapplication-TileColor | #ffc40d |
| name | msapplication-TileImage | /images/favicon/mstile-144x144.png |
| name | msapplication-config | /images/favicon/browserconfig.xml |
| name | theme-color | #ffffff |
Оптимизация Готовность: 82%
Структура
Ошибок нет
Семантические HTML-элементы страницы
?
Проверяет наличие основных структурных элементов: nav, header, footer, main. Корректная семантическая структура помогает поисковику понять архитектуру страницы.
Структура документа корректна (теги <html> и <body> присутствуют в единственном экземпляре).
Контент
Ошибок нет
Объём и качество текстового содержимого
?
Анализирует объём полезного текста на странице. Слишком мало — страница может считаться малополезной. Слишком много — ухудшается читаемость и восприятие.
Слова из title 5 встречаются в тексте достаточно.
Абзацев с текстом 102 достаточно.
Среднее число слов в абзаце 18 достаточно.
Кол-во знаков контента 17784 на странице оптимально.
Кол-во слов 2770 на странице оптимально.
Заголовки
Ошибок нет
Иерархия заголовков H1–H6
?
H1 должен быть один и содержать ключевой запрос. H2–H6 описывают подразделы. Пропуск уровней (H1 → H3) и несколько H1 — типичные ошибки, снижающие понятность страницы для поисковика.
На странице присутствуют заголовки <h1> 1. Это прекрасно.
На странице присутствуют заголовки <h2> 8. Это хорошо.
На странице присутствуют заголовки <h3> 15.
Тошнота
6,16
Насколько одно слово доминирует в тексте
?
Классическая тошнота = √(частота самого повторяющегося слова). Норма до 7–8: текст воспринимается естественно. Выше — поисковик может счесть страницу переспамленной.
Тошнота превышает норму 5. Измените текст страницы!
Академич. тошнота
22,82%
Насколько текст перенасыщен ключевыми словами
?
Академическая тошнота = (частота слова / общее количество слов) × 100%. Показывает долю конкретного слова в тексте. Норма 5–15%.
Академическая тошнота превышает норму 5-15%. Измените текст страницы!
Семантическое ядро
20
Наиболее часто встречающиеся слова на странице
?
Топ слов по частоте использования. Показывает, какие слова доминируют в тексте с точки зрения поисковика.
Контент страницы содержит осмысленный текст и слова.
Показать список слов
| Слово | Кол-во | Частота |
|---|---|---|
| design | 38 | 1,37% |
| development | 18 | 0,65% |
| custom | 18 | 0,65% |
| client | 16 | 0,58% |
| projects | 14 | 0,51% |
| responsive | 13 | 0,47% |
| wordpress | 13 | 0,47% |
| photoshop | 12 | 0,43% |
| website | 12 | 0,43% |
| javascript | 12 | 0,43% |
| marlyse | 12 | 0,43% |
| jquery | 11 | 0,40% |
| solutions | 10 | 0,36% |
| mobile | 9 | 0,32% |
| animations | 9 | 0,32% |
| sass/compass | 9 | 0,32% |
| experience | 8 | 0,29% |
| latest | 8 | 0,29% |
| barkley | 8 | 0,29% |
| application | 8 | 0,29% |
Индексация Готовность: 30%
Индексирование
Ошибок нет
Разрешено ли индексирование страницы
?
Проверяет, не закрыта ли страница от индексации через robots.txt, meta robots или X-Robots-Tag. Страница, закрытая от индексации, не появится в поисковой выдаче.
Анкоров на странице 59 оптимально. Поисковые роботы обязательно проиндексируют сайт.
Robots.txt
Найден корректный robots.txt
Файл управления сканированием сайта роботами
?
Robots.txt указывает поисковым роботам, какие страницы сканировать, а какие — нет. Ошибки в файле могут случайно закрыть важные разделы от индексации.
Robots.txt настроен корректно. Размер файла: 42734 байт. Загружен за: 1сек.
Проверяемая страница не запрещена в robots.txt.
Robots.txt доступен по постоянному адресу
Показать содержимое robots.txt
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>mSTUDIOS | design and beyond</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=3.0">
<meta name="description" content="mStudios for web design and development - meeting your needs and exceeding your expectations. From idea to product, mStudios is your forward-thinking partner." />
<meta name="robots" content="index, follow" />
<!--<meta name="pearltrees" content="ignore">-->
<script>document.documentElement.className = document.documentElement.className.replace(/(\s|^)no-js(\s|$)/, '$1js$2');</script>
<!-- it takes the next 2 scripts to have jQuery run nicely -->
<!--<script src="http://www.google.com/jsapi"></script>
<script>google.load('jquery', '1');</script>-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="js/vendor/jquery.cycle2.min.js"></script>
<script src="js/vendor/jquery.cycle2.swipe.min.js"></script>
<!--<script>if (typeof jQuery === 'undefined') {
document.write(unescape('%3Cscript%20src%3D%22/js/vendor/jquery-2.1.4.min.js%22%3E%3C/script%3E'));
</script>-->
<!-- <script>
window.jQuery || document.write('<script src="js/vendor/jquery-2.1.4.min.js">\x3C/script>')
</script>-->
<link rel="author" type="text/plain" href="humans.txt">
<link rel="stylesheet" href="styles/css/style.css" type="text/css" media="screen"/>
<!-- direkt link to the following stylesheet for the image preloader-->
<!--<link rel="stylesheet" href="css/preload.css" type="text/css" media="screen"/>-->
<link rel="stylesheet" href="styles/css/ff.css" media="screen">
<link rel="apple-touch-icon" sizes="57x57" href="/images/favicon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/images/favicon/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/images/favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/images/favicon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/images/favicon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/images/favicon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/images/favicon/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/images/favicon/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/images/favicon/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/images/favicon/favicon-194x194.png" sizes="194x194">
<link rel="icon" type="image/png" href="/images/favicon/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/images/favicon/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/images/favicon/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/images/favicon/manifest.json">
<link rel="shortcut icon" href="/images/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="msapplication-TileImage" content="/images/favicon/mstile-144x144.png">
<meta name="msapplication-config" content="/images/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<!-- for Twitter feed - has to be in header... really?!? -->
<script>
window.twttr = (function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0],
t = window.twttr || {};
if (d.getElementById(id)) return t;
js = d.createElement(s);
js.id = id;
js.src = "https://platform.twitter.com/widgets.js";
fjs.parentNode.insertBefore(js, fjs);
t._e = [];
t.ready = function(f) { t._e.push(f); };
return t;
}(document, "script", "twitter-wjs"));
</script>
<!-- TESTS BELOW -->
</head>
<body>
<a id="top"></a>
<div class="wrapper">
<div class="container"> <div class="wrap">
<section id="home">
<h1><a id="mstudios" href="#top" title="mStudios"><span>---mSTUDIOS</span></a></h1>
<h2 class="semantics">Intro</h3>
<div class="intro" id="web-intro">
<h3>
<a href="#web" rel="section" title="Scroll to the Web Section">
<span>W</span><span class="kerning">eb</span>
</a>
</h3>
<div class="featured">
<a href="images/home/web/01.png">
<img src="images/home/web/01sm.png" alt="" /></a>
<a href="images/home/web/02.png">
<img src="images/home/web/02sm.png" alt="" /></a>
<a href="images/home/web/03.png">
<img src="images/home/web/03sm.png" alt="" /></a>
<a href="images/home/web/04.png">
<img src="images/home/web/04sm.png" alt="" /></a>
</div>
<p>
<a href="#web" rel="section" title="read more on web design and development...">
<span>design & development. </span>aesthetics + code: not mutually exclusive but interwoven...
</a>
</p>
</div>
<div class="intro" id="development-intro">
<h3>
<a href="#development" rel="section" title="Development Section">
<span>D</span>e<span class="kerning">VeLoPM</span>eNT
</a>
</h3>
<div class="featured">
<a href="images/home/dev/05.png">
<img src="images/home/dev/05sm.png" alt="" /></a>
<a href="images/home/dev/06.png">
<img src="images/home/dev/06sm.png" alt="" /></a>
<a href="images/home/dev/07.png">
<img src="images/home/dev/07sm.png" alt="" /></a>
<a href="images/home/dev/08.png">
<img src="images/home/dev/08sm.png" alt="" /></a>
</div>
<p>
<a href="#development" rel="section" title="read more on development...">
"During our time working together, I was constantly amazed by her skill as a back-end developer, html production artist, and overall organization and attention to detail.</span>" <em>–D.S.</em>
</a>
</p>
</div>
<div class="intro" id="design-intro">
<h3>
<a href="#design" rel="section" title="Design Section">
<span>D</span>e<span class="kerning">SIG</span>N
</a>
</h3>
<div class="featured">
<a href="images/home/des/09.png">
<img src="images/home/des/09sm.png" alt="" /></a>
<a href="images/home/des/10.png">
<img src="images/home/des/10sm.png" alt="" /></a>
<a href="images/home/des/11.png">
<img src="images/home/des/11sm.png" alt="" /></a>
<a href="images/home/des/12.png">
<img src="images/home/des/12sm.png" alt="" /></a>
</div>
<p>
<a href="#design" rel="section" title="read more on design options...">
Design is not just the result of clicking a few things in Adobe Photoshop, but listening to the needs, discussing the options, and proving solutions. - Quality plus care for aesthetics and detail shows in all.
</a>
</p>
</div>
<div class="intro" id="lounge-intro">
<h3>
<a href="#lounge" rel="section" title="Lounge Section">
<span>L</span>ouNGe
</a>
</h3>
<img src="styles/css/img/sofa.png" alt="lounge" width="272" height="172" />
<p>
<a href="#lounge" rel="section" title="read more and relax...">
<span>See what is going on at Twitter. </span>Sit back, relax and take a break.<span> Or delve into the corner for web designers and developers to find code, resources, tutorials, reviews and more.</span>
</a>
</p>
</div>
<div class="intro" id="utilities-intro">
<h4>
<a href="#about" rel="section">ABouT</a>
</h4>
<h4>
<a href="#contact" rel="section">CoNT<span class="kerning">AcT</span></a>
</h4>
</div>
</section>
</div></div><div class="container"> <div class="wrap">
<section id="web">
<a class="goHome" href="#top"></a>
<h2>Web</h2>
<div class="row">
<p><strong>Development</strong> is not only about doing or making, but also providing, guiding, assisting, and educating.<br>
<strong>Design</strong> is not just the result of clicking a few things in Photoshop, but listening to the needs, discussing the options, and providing solutions.</p>
<p><strong>UX | UI</strong> Any website is the culmination of many facets. Good User Experience and User Interface result in <em>great</em> websites which drive business goals while servicing the site user in engaging ways.</p>
<p><strong>Web Architecture</strong> uses technical, aesthetic, and functional criteria to plan and develop websites while paying particular attention to web content and web design, with the focus being on the user and on user requirements.</p>
<p>Simply said: Web Architecture means structuring a website to achieve business goals.
<br><br>
<a href="#news"> Latest Projects →</a><br>
<a href="#highlights" title="">Highlights →</a>
</p>
</div>
<blockquote>We make professional, beautiful and usable <em>web sites</em></blockquote>
<hr>
<div class="row subsection">
<h3>Web Architecture</h3>
<div> <!--col-->
<p>Web Architecture interlaces and combines several fields:<br><br></p>
<ul>
<li>web usability</li>
<li>information architecture</li>
<li>user experience design</li>
<li>user interface design</li>
<li>human-computer interaction</li>
<li>interaction design</li>
<li>information design</li>
<li>web design</li>
<li>graphic design<br><br></li>
</ul>
<p>Web Architecture is the masterminded creation of a website’s strategy, information structure, technology, design, and usability.<br><br></p>
</div>
<div> <!--col-->
<p>
<q>A Web Architect sees the world through two lenses: information that needs structure, and structures that need form. It’s not enough for sites to function well; as I see it, they need to function beautifully. <em>— Paul D. Gurney, PDG</em></q>
<br><br>
</p>
<p>The initial purpose of a website is usually based on an idea of the owner, and most business owners will have a sense what they want to achieve with their new website, without having the specific background knowledge of how to reach this goal. Clarifying and distilling the objectives and requirements is the first step for a Web Architect before beginning to plan the specifics.
<br><br>
</p>
</div>
<div> <!--col-->
<p>Web Architects conceptualize the structure of a website and plan exactly how different components will be linked together which includes a mix of:<br><br></p>
<ul>
<li>Consulting to set maximized goals for the website.</li>
<li>Competition research.</li>
<li>Content development and architecture to support objectives and business goals.</li>
<li>User Experience (UX) - User flows to create a website based on behavioral psychology.</li>
<li>User Interface (UI) - Website layout and design.</li>
<li>Website construction and development.<br><br></li>
</ul>
</div>
<div> <!--col-->
<p>The duties of a Web Architect are far-reaching, more than only coding markup language (HTML) or using a graphical program to create a web page. They need to have good knowledge of Content Management Systems (CMS), user-friendly and accessible navigation practices, Search Engine Optimization (SEO), and how to implement a variety of goals in modern, responsive websites.
<br><br>Web Architects may also work with databases. Additionally, Web Architects need to have skills in trouble-shooting various aspects of websites, prevent broken links and media that fails to load correctly.</p>
</div>
</div>
<a class="goHome" href="#top"></a>
</section>
</div></div><div class="container"> <div class="wrap">
<section id="development">
<a class="goHome" href="#top"></a>
<h2>Development</h2>
<div class="row subsection">
<div> <!--col-->
<h3>Services</h3>
<ul>
<li>User Experience (UX)</li>
<li>User Interface (UI)</li>
<li>Wireframing</li>
<li>Prototyping</li>
<li>Web Development</li>
<li>Responsive Websites</li>
<li>508 Compliance</li>
<li>Mobile Solutions</li>
<li>Wordpress Custom CMS</li>
<li>Wordpress Custom Plugins</li>
<li>Wordpress Custom Themes</li>
</ul>
<hr>
<p>
<a href="#news"> Latest Projects →</a><br>
<a href="#highlights" title="">Highlights →</a>
</p>
<br><br>
</div>
<div> <!--col-->
<h3>Skills</h3>
<ul>
<li>User-friendly <strong>Design</strong></li>
<li><strong>Wireframing</strong> to get started</li>
<li>Server-side scripting through <strong>PHP</strong></li>
<li>Semantically correct <strong>HTML5</strong></li>
<li>Clean and beautiful <strong>CSS3</strong></li>
<li>Write less, use <strong>SASS/SCSS</strong></li>
<li>Do more with <strong>Compass</strong></li>
<li>Interactivity through <strong>Javascript</strong></li>
<li>Write less, do more with <strong>jQuery</strong></li>
</ul>
<br><br>
</div>
<div class="slider"> <!--col-->
<h3>Reviews</h3>
<ul class="cycle-slideshow"
data-cycle-fx="scrollHorz"
data-cycle-timeout="8000"
data-cycle-auto-height="calc"
data-cycle-slides="> li">
<li>
<blockquote class="icon-quote">As a developer, she is a pleasure to work with. She has the unique ability to see multiple use-cases at once and then find the right solution. As a programmer, she is simply brilliant. During our time working together, I was constantly amazed by her skill as a back-end developer, html production artist, and overall organization and attention to detail. <span>— Stanley Communications</span></blockquote>
</li>
<li>
<blockquote class="icon-quote">She has written several HTML websites laced with heavy, great quality CSS. If there were any issues with the build, related to programming, or functionality, Marlyse would not hesitate to correct them or to provide support for the code and the turn around time has always been beyond expectations. <span>— Nicholas Kurucz</span></blockquote>
</li>
<li>
<blockquote class="icon-quote">Marlyse is a joy to work with and can always be relied upon to come in on time and on budget. She is able to able to take a minimal amount of information and somehow come up with a solution that not only works, but looks great as well. <span>— John Slater</span></blockquote>
</li>
<li>
<blockquote class="icon-quote">Marlyse is the ideal developer - not only is she fast, thorough, and exceedingly accurate in her work - she is also very thoughtful about what she's working on and as a result can anticipate issues and ask questions that prevent future re-work. (and she's got a great sense of humor and is just generally fun to work with). I have tried to request Marlyse on all my projects, but she's in demand. It is always a pleasure to work with her and I hope to work with her again in the future! <span>— Susannah Sulsar, Director of Customer Experience Marketing at Barkley</span></blockquote>
</li>
<li>
<blockquote class="icon-quote">Marlyse's drive is relentless and and work ethic is unrivaled. She came in late on a project with a narrowing timeline and unfamiliar technologies but still managed to exceed all expectations! Anyone would be lucky to have Marlyse on their team! <span>— Matthew Whitney</span></blockquote>
</li>
<li>
<blockquote class="icon-quote">I've hired (I prefer colaborated) with Marlyse on both architectural related visulization and graphic production work. I would highly recommend her for any work across the graphic and design spectrum. Her background as an artist ads a dimension to her work that you will not often get in today's specializing work force. <span>— Craig Beddow</span></blockquote>
</li>
<li>
<blockquote class="icon-quote">In the years that I've known and worked with Marlyse Comte, I can easily say that she is a "go to" expert in the business of creating and developing cost-effective web marketing solutions for our range of clients. Marlyse has always offered our company highest value and highest quality on web builds, as well as excellent advice on solutions to common functionality issues. I would recommend her service again and again. <span>— KCWMS</span></blockquote>
</li>
<li>
<blockquote class="icon-quote">Marlyse's love of learning brings a depth of expertise to my projects that I rarely find in other web designers/developers. She uses technology to solve problems and to organize projects and therefore her work is creative, exceptionally-managed, and benefits from the latest developer solutions available. <span>— Michelle Jackson Loher</span></blockquote>
</li>
<li>
<blockquote class="icon-quote">We had high demands and a short timeline, but Marlyse took it with a smile. With one day of orientation Marlyse was able to pick up everything and needed little supervision. She helped out even when request came in over the weekend and late in the day. She was a true team player and I was very pleased in her commitment to the project. <span>— Eric Goeken,Technical Director at Barkley</span></blockquote>
</li>
<li>
<blockquote class="icon-quote">Marlyse has been a pleasure to work with! I've been fortunate enough to work with her on a few of our projects and she consistently delivers. She's very knowledgeable, focused, easy to work with, and is great a communicating issues and obstacles she's running up against and how she plans on overcoming them. She doesn't throw any surprises at you during a project. I look forward to working with her on many more projects in the future. <span>— Chad Milam, Creative Technologist at Barkley</span></blockquote>
</li>
<li>
<blockquote class="icon-quote">Marlyse was very flexible, communicated well with the team and was able to jump in on multiple projects because she could come up to speed quickly. <span>— Scott Finnerty, SVP/Technical Strategy and Services</span></blockquote>
</li>
<!--<li>
<blockquote class="icon-quote"> <span>— </span></blockquote>
</li>
<li>
<blockquote class="icon-quote"> <span>— </span></blockquote>
</li>
-->
</ul>
</div>
<div> <!--col-->
<h3>Favorites</h3>
<ul>
<li><a href="https://balsamiq.com/">Balsamiq</a></li>
<li><a href="https://www.weld.io/">Weld</a></li>
<li><a href="https://www.adobe.com/products/photoshop.html">Adobe Photoshop</a></li>
<li><a href="https://www.adobe.com/products/illustrator.html">Adobe Illustrator</a></li>
<li><a href="https://codekitapp.com/">CodeKit</a></li>
<li><a href="https://espressoapp.com/">Espresso</a></li>
<li><a href="http://compass-style.org/">Compass</a></li>
<li><a href="https://www.mamp.info/en/">MAMP</a></li>
<!--<li>Emmet</li>
<li>TextExpander</li>-->
<li><a href="https://gruntjs.com/">Grunt</a></li>
<li><a href="https://git-scm.com/">GIT</a></li>
<li><a href="https://www.atlassian.com/software/jira">JIRA</a></li>
</ul>
<br><br>
</div>
</div>
<blockquote>We build <em>web sites</em></blockquote>
<a class="goHome" href="#top"></a>
</section>
</div></div> <div class="container"> <div class="wrap">
<section id="design">
<a class="goHome" href="#top"></a>
<h2>Design</h2>
<div class="row">
<p>Graphic Design as background and years of experience lead to being well versed in all forms of visual communication : web design, logo development, branding and corporate identity.
<br><br>
<a href="#news"> Latest Projects →</a>
<br><br>
</p>
<p>Good design engages the user in a positive way, no matter if it is in the form of a printed brochure or a shopping cart on the web. <strong>Human-centered design</strong> zones in on the problems, goals, needs, emotions and behavior of people in relation to the product.
<br><br>
</p>
<p>Any of the 3 aspects — <em>understanding the context of use</em> (why would someone use it), <em>specifying user requirements</em> (what can be done with it), and <em>the design solutions</em> (how is its functionality and aesthetics) — need to be evaluated against business requirements.
<br><br>
</p>
<p>Excellent <strong> User Experience</strong> (UX) Design considers the entirety of a product and the user. Seamless, fluid experience for the user is void of any possible frictions or barriers, making an application accessible and pleasant to interact with.</p>
</div>
<blockquote>We create <em>web sites</em></blockquote>
<a class="goHome" href="#top"></a>
</section>
</div></div>
<div class="container"> <div class="wrap">
<section id="lounge">
<a class="goHome" href="#top"></a>
<h2>Lounge</h2>
<div class="row">
<div>
<h3 class="icon-twitter"><span>m</span>Studios</h3>
<div id="twitter-wjs" class="twitterFeed">
<a class="twitter-timeline"
data-height="400"
data-theme="dark"
data-link-color="#1dafd7"
data-tweet-limit="3"
data-chrome="noheader noborders nofooter noscrollbar transparent"
data-dnt="true"
data-aria-polite="assertive"
href="https://twitter.com/mStudios?ref_src=twsrc%5Etfw">Tweets by @mStudios
</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<p><a href="https://twitter.com/mstudios">More Tweets →</a></p>
<p> </p>
</div>
<div class="rssFeed">
<h3 class="icon-globe-2"><span>m</span>S<span>tudios</span>TALK</h3>
<div class="rssContent">
<!-- The feed items are inserted here -->
<!--I could change the JS to a PHP only RSS solution like this:-->
<!-- -->
</div>
<p> </p>
</div>
<div>
<h3 class="icon-braille">Tidbits</h3>
<p>You can find me in many places on the internet, but probably you are mostly interested in
<a href="http://www.linkedin.com/in/mstudios" title="" target="_blank">LinkedIn</a> and
<a href="https://www.facebook.com/mStudiosPage" title="mStudios Facebook Page" target="_blank">Facebook</a>.
<br><br>
Then there is also a slew of information to be found at
<a href="http://www.mStudiosTALK.com" title="mStudiosTALK" target="_blank">mStudiosTALK</a> — mostly code related tips and tricks, but also design and gadget related stuff, next to resources and more.
<br><br>
</p>
<p>Some of my more current work can be found right here:
<br><br>
<a href="#news"> Latest Projects →</a><br>
<a href="#highlights" title="">Highlights →</a>
<br><br>
</p>
</div>
<div>
<h3 class="icon-link-ext">And then...</h3>
<p>If you feel you would like to plunge into the dark past, you can always head over to my archives. It is a neglected section and has not been updated in years, dating back to almost prehistoric times and crossing over into other areas I have dabbled in.
<br><br>
</p>
<p></p>
<p>
<a class="" href="http://www.mStudios.com/archive2019/" target="_blank" title="Archives 2010-2014">Archives 2010-2014 →</a><br>
<a class="" href="http://web.mstudios.com/" target="_blank" title="Archives 2005-2009">Archives 2005-2009 →</a></a>
<br><br>
</p>
</div>
</div>
<blockquote>We make <em>web sites</em></blockquote>
<a class="goHome" href="#top"></a>
</section>
</div></div><div class="container"> <div class="wrap">
<section id="utilities">
<a class="goHome" id="about" href="#top"></a>
<h2>About</h2>
<div class="row">
<p>
<em>STUDIOS</em> — <br>
<strong>NOUN: </strong>Workplace for the teaching or practice of an art. <br>
<strong>PLURAL: </strong>stu·di·os. <br>
<strong>ETHYMOLOGY: </strong>Early 19th cent. : from Italian < Latin <em>studium</em>, eagerness, application ☛ study. <br>
<strong> SYLLABICATION: </strong>stu·dio<br>
<strong>PRONOUNCIATION: </strong>ʹst(y)oōdēˌō
<br><br>
</p>
<p><em>mStudios</em> believes it's not just about doing or making, but also providing, guiding, assisting, and educating. Design is not just the result of clicking a few things in Photoshop, but listening to the needs, discussing the options, and proving solutions.
</p>
<p><em>mStudios</em> is a design studio which is not only active in one aspect of graphic design but covers a wide array of creative challenges.
<br>
<a href="#contact">Contact me →</a>
<br><br>
Thinking about recruiting me? This is my current <a href="http://www.mStudios.com/files/2019-03_mcomteRESUME.pdf" target="_blank">Resume →</a>
<br><br>
</p>
<p>I endeavor to create real world, functional and usable solutions that meet your needs and exceed your expectations.
<br><br>
<a href="#news">Latest Projects →</a></p>
</div>
<blockquote>We design and build <em>web sites</em></blockquote>
<a class="goHome pushdown" href="#top"></a>
<hr>
<a class="goHome" id="contact" href="#top"></a>
<h2>ContAct</h2>
<div class="row contact">
<div><p><strong>Contact: </strong>Questions, comments or work are always welcome.</p></div>
<div><p><strong>Email: </strong><script language="javascript"><!--
var part1 = "floral2015";
var part2 = "mstud";
var part3 = "ios.com?";
var part4 = "subject=[mStudios Website Feedback]";
var part5 = "feedback";
var part6 = "@mst";
var part7 = "udio";
var part8 = "s.com";
document.write('<a href="mai' + 'lto:' + part1 + '@' + part2 + part3 + part4 + '">');
document.write(part5 + part6 + part7 + part8 + '</a>');
// --></script></p>
<p><strong>Phone: </strong>(913) 735-6674</p></div>
</div>
<hr />
<blockquote>We make professional, beautiful and usable <em>web sites</em></blockquote>
<a class="goHome" href="#top"></a>
</section>
</div></div>
<div class="container"> <div class="wrap">
<section id="news">
<div id="popupbox">
<div class="modalWindow">
<div id="bgImage"></div>
<span>x</span>
</div>
</div>
<a class="goHome" href="#top"></a>
<h2>News</h2>
<div class="row">
<p>These are some of the most recent project completed — my contribution being either partial or all.
<br><br>
</p>
<p>[Spring 2019] This year brings many new and exciting challenges — and also this redesigned site. The original idea has evolved over the years and finally has come to fruition. It includes a flat PHP database and many custom javascript features.
<br><br>
</p>
<p>[Winter 2018] I am proud to have finally brought all applications at work (with which I was directly involved) to full 508 and WCAG 2.0 Compliance.
<br><br>
</p>
<p>[2018] The latest financial application features now split payment options for credit card, cash, check, money order, and traveler's check. The design and flow remain clean and beautiful, despite many configuration options.
</p>
</div>
<hr>
<div id="latest" class="row">
<h3>Latest Projects</h3>
<figure><img src="images/chronos/19.jpg" alt="CCP Cashier"/><span class="off"></span><figcaption>
<h4>UXUI Design & Development <span>CCP Cashier</span></h4>
<p><strong>Client</strong><br>NIC Inc.</p>
<p><strong>URL</strong><br><a href="http://N/A" rel="external">N/A</a></p>
<p><strong>Info</strong><br>Design and contribution to this over-the-counter financial application. Iteration stages included: single credit card processing, card or paper (cash, check, money order) transaction, split transactions.</p>
<p><time>2018-12</time></p>
</figcaption>
</figure><figure><img src="images/chronos/18.jpg" alt="Invisible Sun"/><span class="off"></span><figcaption>
<h4>WordPress / BuddyPress Custom Theme <span>Invisible Sun</span></h4>
<p><strong>Client</strong><br>Monte Cook Games</p>
<p><strong>URL</strong><br><a href="http://app.invisiblesunrpg.com" rel="external">app.invisiblesunrpg.com</a></p>
<p><strong>Info</strong><br>Designed and developed this responsive web application which accompanies the <em>Invisible Sun</em> role-playing tabletop game. It includes private groups and user access only, in-play chat, card animations and more.</p>
<p><time>2018-06</time></p>
</figcaption>
</figure><figure><img src="images/chronos/17.jpg" alt="Vital Records"/><span class="off"></span><figcaption>
<h4>UXUI Design & Development <span>Vital Records</span></h4>
<p><strong>Client</strong><br>NIC Inc.</p>
<p><strong>URL</strong><br><a href="http://N/A" rel="external">N/A</a></p>
<p><strong>Info</strong><br>Redesign and implementation for an existing, fixed width, default theme. The challenge was to create a responsive, 508 compliant application without breaking existing custom themes.</p>
<p><time>2017-12</time></p>
</figcaption>
</figure><figure><img src="images/chronos/16.jpg" alt="Modal Messages"/><span class="off"></span><figcaption>
<h4>UI Design & Development <span>Modal Messages</span></h4>
<p><strong>Client</strong><br>NIC Inc.</p>
<p><strong>URL</strong><br><a href="http://N/A" rel="external">N/A</a></p>
<p><strong>Info</strong><br>A series of modal messages, written in a modular fashion to allow easy integration into different projects.</p>
<p><time>2016-04</time></p>
</figcaption>
</figure> </div>
<hr>
<a class="goHome" href="#top"></a>
<hr>
<div id="highlights" class="row">
<h3>Highlights</h3>
<figure><img src="images/chronos/15.jpg" alt="InContext"/><span class="off"></span><figcaption>
<h4>UXUI Design & Development <span>InContext</span></h4>
<p><strong>Client</strong><br>NIC Inc.</p>
<p><strong>Info</strong><br>Design and development of the prototype of an iFrame eCommerce solution. The application allows for loading an external checkout site and communication between both websites.</p>
<p><strong>Specs</strong><br>Responsive, Photoshop, PHP, jQuery, Javascript, HTML5, CSS3, CSS3 Animations, Sass/Compass</p>
<p><time class="semantics">2016-02</time></p>
</figcaption>
</figure><figure><img src="images/chronos/14.jpg" alt="eGovExpress Admin"/><span class="off"></span><figcaption>
<h4>UXUI Design & Development <span>EGA</span></h4>
<p><strong>Client</strong><br>NIC Inc.</p>
<p><strong>Info</strong><br>Design and development of the prototype of a backend site for administrators of the <em>EGA</em> application. The tool allows for searching, adding and modifying users, next to resetting passwords and looking up transactions and their details.</p>
<p><strong>Specs</strong><br>Responsive, Photoshop, PHP, jQuery, Javascript, HTML5, CSS3, CSS3 Animations, SASS/Compass</p>
<p><time class="semantics">2015-12</time></p>
</figcaption>
</figure><figure><img src="images/chronos/11.jpg" alt="Candid"/><span class="off"></span><figcaption>
<h4>Wordpress Custom Theme <span>Candid</span></h4>
<p><strong>Client</strong><br>Candid Marketing + Communications</p>
<p><strong>Info</strong><br>Complete rewrite from someone else's two failed attempts to create this challenging website. Customized sections for team members and portfolio next to easily changeable background images make it an enduser friendly CMS for this <em>award-winning, client-centric branding, marketing, advertising, public relations and interactive agency</em>.</p>
<p><strong>Specs</strong><br>Custom Wordpress Theme, Mobile First, Responsive, PHP, HTML5, CSS3, SASS/Compass, jQuery, Javascript, Custom Taxonomy and Post Types, Animations, Photoshop</p>
<p><time class="semantics">2015-03</time></p>
</figcaption>
</figure><figure><img src="images/chronos/10.jpg" alt="O’Connor Woods"/><span class="off"></span><figcaption>
<h4>Wordpress Child Theme <span>O’Connor Woods</span></h4>
<p><strong>Client</strong><br>GlynnDevins</p>
<p><strong>Info</strong><br>From a provided design, this project consisted of modifying and updating an existing theme into a new theme for a <em>Senior Living Community</em>. This included the creation of 12 different templates and merging old and new code. Integration of various Wordpress Plugins for Scrolling Sliders, Events Calendar, Photos and Videos.</p>
<p><strong>Specs</strong><br>Wordpress Child Theme, Mobile, Responsive, PHP, HTML5, CSS3, SASS/Compass, jQuery</p>
<p><time class="semantics">2015-02</time></p>
</figcaption>
</figure><figure><img src="images/chronos/08.jpg" alt="Spirit Air Unbundler"/><span class="off"></span><figcaption>
<h4>Micro Marketing Site <span>The Unbundler</span></h4>
<p><strong>Client</strong><br>Barkley › Spirit Airlines</p>
<p><strong>Info</strong><br>Front-End code and asset preparation for this single page micro site with video slider, Twitter feed and an animated (and working) calculator.</p>
<p><strong>Specs</strong><br>Responsive, Mobile First, HTML5, CSS3, SASS/Compass, jQuery, Javascript, Animations, Photoshop</p>
<p><time class="semantics">2014-11</time></p>
</figcaption>
</figure><figure><img src="images/chronos/07.jpg" alt="VanityFair"/><span class="off"></span><figcaption>
<h4>Market Research Site <span>VanityFair</span></h4>
<p><strong>Client</strong><br>Barkley › Vanity Fair</p>
<p><strong>Info</strong><br>PHP site with 16 different user experiences for a market research project. The site included a Size Gate (size filter), Fit Quiz (26 pages) resulting in a “Your Suite”(best matching bras), Find Your Favorite (6 step filter tool), Bras page (with style filter option), Bra Detail page (with ‘how-to’ animated videos slider), Registration/Login page, a My Drawer section with Shopping Cart, Wish List Slider and Shopping History.</p>
<p><strong>Specs</strong><br>Fixed min-max width Desktop Only solution. Photoshop, PHP, jQuery, Javascript, HTML5, CSS3, SASS/Compass, Sliders, Animations</p>
<p><time class="semantics">2014-10</time></p>
</figcaption>
</figure><figure><img src="images/chronos/06.jpg" alt="DQ Miracle Treat Day"/><span class="off"></span><figcaption>
<h4>HTML Email Newsletter <span>Miracle Treat Day</span></h4>
<p><strong>Client</strong><br>Barkley › DQ</p>
<p><strong>Info</strong><br>This campaign included 3 emails (2 weeks prior event, day before event and thank-you after the event) for the US, English-Canadian and French-Canadian market.</p>
<p><strong>Specs</strong><br>Grunt Email Workflow, Grunt, Ruby, Premailer, Mailgun, Handlebar, HTML, CSS, SASS, Photoshop, ExactTarget</p>
<p><time class="semantics">2014-09</time></p>
</figcaption>
</figure><figure><img src="images/chronos/05.jpg" alt="DQ Ray Soundboard"/><span class="off"></span><figcaption>
<h4>Micro Site <span>Ray Soundboard</span></h4>
<p><strong>Client</strong><br>Barkley › DQ</p>
<p><strong>Info</strong><br>Front-End Development of this single page, responsive site. It included animated GIF and an audio library for playback of a slew of phrases.</p>
<p><strong>Specs</strong><br>Responsive, Mobile First, Photoshop, HTML5, CSS3, SASS/Compass, Javascript, jQuery, Animations</p>
<p><time class="semantics">2014-08</time></p>
</figcaption>
</figure><figure><img src="images/chronos/04.jpg" alt="Sprint Wholesale"/><span class="off"></span><figcaption>
<h4>Redesign | Sitefinity CMS <span>Sprint Wholesale</span></h4>
<p><strong>Client</strong><br>Barkley › Sprint</p>
<p><strong>Info</strong><br>Coding of the redesigned Sprint Wholesale Solutions site plus integration of existing sections with the new design. Custom CMS layout templates for the end-user.</p>
<p><strong>Specs</strong><br>Dot-Net, Sitefinity, CMS, Responsive, Mobile First, HTML5, CSS3, SASS/Compass, jQuery, Javascript, Animations</p>
<p><time class="semantics">2014-06</time></p>
</figcaption>
</figure><figure><img src="images/chronos/03.jpg" alt="Wombat Studios"/><span class="off"></span><figcaption>
<h4>Wordpress Custom Theme <span>Wombat Studios</span></h4>
<p><strong>Client</strong><br>Wombat Studios</p>
<p><strong>Info</strong><br>Redesign and development of an existing site. A Masonry style home page with easy options for the end-user to specify importancy of projects and which to show (mobile displaying the least for fast site loading). It needed to be solution for easy updating of the business portfolio.</p>
<p><strong>Specs</strong><br>Custom Wordpress Theme, Mobile First, Responsive, PHP, HTML5, CSS3, SASS/Compass, jQuery, Javascript, Custom Taxonomy, Animations</p>
<p><time class="semantics">2014-02</time></p>
</figcaption>
</figure><figure><img src="images/chronos/02.jpg" alt="Hemosphere"/><span class="off"></span><figcaption>
<h4>Website Development <span>Hemosphere</span></h4>
<p><strong>Client</strong><br>Hemosphere</p>
<p><strong>Info</strong><br>Development and maintenance for this Medical Device Company over the period of 5 years. Transitioned from a customized Joomla template to a Custom Wordpress Theme and from a Flash only to an HTML5 site with mobile friendly videos and interactive map to locate doctors.</p>
<p><strong>Specs</strong><br>Customized Joomla Theme, Custom Wordpress Theme, Custom Interactive Map, Custom Taxonomy, Custom Post Types, HTML5, CSS3, Javascript, Photoshop</p>
<p><time class="semantics">2013-01</time></p>
</figcaption>
</figure><figure><img src="images/chronos/01.jpg" alt="Rockhurst University"/><span class="off"></span><figcaption>
<h4>Site Redesign <span>Rockhurst University</span></h4>
<p><strong>Client</strong><br>Salva O’Renick</p>
<p><strong>Info</strong><br>A wonderful opportunity to be part of a great team and to write the code for the Front-End Templates of this extensive website which then got used in the robust Django/Ruby CMS solution.</p>
<p><strong>Specs</strong><br>HTML5, CSS3, LESS, Javascript, jQuery</p>
<p><time class="semantics">2011-11</time></p>
</figcaption>
</figure> </div>
<hr>
<a class="goHome" href="#top"></a>
<hr>
</section>
</div></div>
<div class="container"> <div class="wrap"> <footer>
<div>
<p class="legal">© 2026
<a href="http://www.mStudios.com">mStudios | design & beyond</a>
</p>
<ul class="social">
<li><a class="icon-linkedin" title="mStudios LinkedIn Page" href="http://www.linkedin.com/in/mstudios"><span>linkedin</span></a></li>
<li><a class="icon-twitter" title="mStudios on Twitter" href="https://twitter.com/mStudios"><span>twitter</span></a></li>
<li><a class="icon-facebook" title="mStudios Facebook Page" href="https://www.facebook.com/mStudiosPage"><span>facebook</span></a></li>
<!--<li><a class="icon-googleplus" title="mStudios on Google+" href="https://plus.google.com/100920837930826429573"><span>google+</span></a></li>-->
</ul>
</div>
</footer>
</div></div>
</div>
<div id="mask"></div>
<!-- finally, my own assembled javascript stuff -->
<script src="js/floral.min.js"></script>
<script src="js/mstudios.js"></script>
<script src="js/rssfeeds.min.js"></script>
<script>
//------------------------------------------------------------------------------
// OVERRIDE TWITTER STYLING => 2019 still needed / useful ???
//------------------------------------------------------------------------------
twttr.ready( function(twttr){
twttr.events.bind("rendered", function(tw_event){
var tw_iframe = tw_event.target;
//custom jquery code to do various css overrides based on selectors
var twitterbody = $(tw_iframe).contents().find( 'body' );
twitterbody.find("img.u-photo.avatar").hide();
twitterbody.find("a.u-url.profile").hide();
twitterbody.find("a.hashtag").hide();
twitterbody.find("a.expand").hide();
twitterbody.find(".timeline").css({"with":"100%","max-width":"none"});
twitterbody.find(".footer .tweet-actions").css({"bottom":"5px"});
twitterbody.find("li.tweet .header").css({"min-height":"10px"});
twitterbody.find("a.u-url.permalink").css({"color":"#555"});
twitterbody.find("li.tweet").css({ "padding": "10px 10px 0 10px",
"border":"1px solid #555",
"background-color":"rgba(85, 85, 85, 0.3)",
"margin-bottom":"10px",
"font-family":"sans-serif"
});
twitterbody.find("p.e-entry-title").css({ "font-family":"'Trebuchet MS'",
"font-weight":"normal",
"font-style":"normal",
"font-size":"16px",
"line-height":"24px",
"color":"rgb(167, 169, 172)"
});
twitterbody.find(".SummaryCard-image.TwitterCardsGrid-col--12").css({"display":"none"});
twitterbody.find(".TwitterCard-container").css({"border-radius":"0"});
});
});
</script>
</body>
</html>
Sitemap
Кол-во: 0
XML-карта сайта для поисковиков
?
Sitemap.xml помогает поисковику быстрее находить и индексировать страницы. Особенно важен для крупных сайтов и новых страниц, на которые ещё нет входящих ссылок.
Robots.txt не содержит ссылку на карту сайта. Рекомендуется добавить карту сайта и указать ссылку на нее в robots.txt.
Внутренние ссылки
Кол-во: 3
Ссылки на другие страницы своего сайта
?
Внутренние ссылки распределяют ссылочный вес между страницами и помогают поисковику обходить сайт. Пустые анкоры и ссылки на запрещённые robots.txt страницы — типичные ошибки.
Внутренних ссылок на странице 3 оптимально.
Внутренние ссылки не запрещены к индексации в robots.txt.
На странице присутствуют изображения 12.
Показать внутренние ссылки
| Url | Анкор | Состояние | Анализировать |
|---|---|---|---|
| /archive2019/ |
Archives 2010-2014 →
|
|
Анализировать url |
| /files/2019-03_mcomteRESUME.pdf |
Resume →
|
|
|
|
mStudios | design & beyond
|
|
Анализировать url |
Внешние ссылки
Кол-во: 20
Ссылки на сторонние сайты
?
Исходящие внешние ссылки передают часть ссылочного веса на чужие сайты. Ссылки на авторитетные ресурсы безопасны; ссылки на мусорные сайты могут навредить репутации страницы.
Внешних ссылок на странице 20 слишком много. Спрячьте лишние ссылки в тег noindex или атрибут rel='nofollow'!
На странице присутствуют ссылки на субдомены 1.
Показать внешние ссылки
| Url | Анкор | Анализировать |
|---|---|---|
| balsamiq.com |
Balsamiq
|
Анализировать url |
| weld.io |
Weld
|
Анализировать url |
| adobe.com |
Adobe Photoshop
|
Анализировать url |
| adobe.com |
Adobe Illustrator
|
Анализировать url |
| codekitapp.com |
CodeKit
|
Анализировать url |
| espressoapp.com |
Espresso
|
Анализировать url |
| compass-style.org |
Compass
|
Анализировать url |
| mamp.info |
MAMP
|
Анализировать url |
| gruntjs.com |
Grunt
|
Анализировать url |
| git-scm.com |
GIT
|
Анализировать url |
| atlassian.com |
JIRA
|
Анализировать url |
| twitter.com |
Tweets by @mStudios
|
|
| twitter.com |
More Tweets →
|
|
| linkedin.com |
LinkedIn
|
Анализировать url |
| facebook.com |
Facebook
|
|
| mstudiostalk.com |
mStudiosTALK
|
Анализировать url |
| app.invisiblesunrpg.com |
app.invisiblesunrpg.com
|
Анализировать url |
| linkedin.com |
<span>linkedin</span>
|
Анализировать url |
| twitter.com |
<span>twitter</span>
|
|
| facebook.com |
<span>facebook</span>
|
Конкуренты Готовность: 0%
Конкуренты в Яндексе
Кол-во: 0
Топ сайтов-конкурентов в Яндексе
?
Сайты, чаще всего появляющиеся в ТОПе Яндекса по запросам из семантического ядра этой страницы.
Мы не нашли у вас конкурентов в Яндексе. Сайт или очень молодой или плохо продвигается.
Конкурентов в ТОП-10 Яндекса не нашлось.
Конкуренты в Google
Кол-во: 0
Топ сайтов-конкурентов в Google
?
Сайты, чаще всего появляющиеся в ТОПе Google по запросам из семантического ядра этой страницы.
Конкуренты в Google тоже не найдены. Займитесь продвижением сайта!
Конкурентов в ТОП-10 Google не нашлось.
ЗоЗПП: права потребителей Готовность: 100%
Нарушения
Не выявлены
Признаков дистанционной продажи товаров (интернет-магазина) не обнаружено — требования ЗоЗПП о раскрытии информации продавца к сайту не применяются. Нарушений нет.
ФЗ-149: рекомендательные технологии Готовность: 100%
Нарушения
Не выявлены
Рекомендательные блоки («с этим покупают», «похожие товары» и т.п.) на сайте не обнаружены — требования ст. 10.7 ФЗ-149 к сайту не применяются. Нарушений нет.
ФЗ-38: реклама Готовность: 100%
Нарушения
Не выявлены
Рекламных тематик с обязательными оговорками (медицина, БАД, кредиты и займы, новостройки) на сайте не обнаружено. Нарушений нет.
ФЗ-436: защита детей Готовность: 100%
Нарушения
Не выявлены
Признаков информационной продукции (новости, видео, книги, игры, курсы) не обнаружено — обязательная возрастная маркировка по ФЗ-436 сайту не требуется. Нарушений нет.
Вердикт
Оптимизация сайта mstudios.com выполнена всего на 44%. Чтобы исправить ситуацию и попасть в ТОП необходимо:
Постарайтесь исправить общие ошибки.
Исправьте ошибки в мета-тегах.
Исправьте ошибки индексации.
Поделитесь с друзьями: