Сайт в сайте как сделать


Как вставить сайт на сайт?

Долго думал, как назвать статью, лучше не придумал. Но сейчас вы сразу поймете в чем суть. У вас есть сайт, вы пишите на нем статьи и это здорово. Но чего-то не хватает? Человек пришел, почитал, и ушел, возможно, навсегда. А вам так хочется, чтобы он не раз вернулся на ваш сайт. А куда люди возвращаются чаще всего? Правильно, на сервисы!

Но сделать на своем сайте даже небольшой сервис, типа фотохостинга или сокращателя ссылок могут не все, нужен некоторый опыт. Но что мешает нам показывать чужой сервис на своем сайте? Практически ничего! Как это сделать? Вот тут и уместно название статьи: как вставить сайт на сайт?

Для профи я не сделаю открытия, в для новичков это будет, скорее всего, полезно. Хотя, если честно, я ни разу не видел такого подхода ни на одном блоге. А зря, все эти фишки часто дают хороший результат. Хороший пример — это мой способ получения обратных ссылок, описанный в этой статье. Результат — 38512 ссылок, и все естественные 😉

В этом же случае все решается банальным iframe. Сразу перейду к практике: я порой пользуюсь сервисом сжатия png картинок. Есть замечательные онлайн сервисы, ими можно пользоваться без проблем. Но тут есть минус: нужно постоянно держать в уме или в закладках все эти сервисы, вы покидаете свой сайт и пользуетесь чужим. А так, если вставить сайт в сайте iframe, то вы будете пользоваться сервисом (да и не только вы) не покидая своего сайта!

Я уже сегодня сделал на отдельной странице себе такой псевдосервис — Сжать фото онлайн без потери качества (естественно, в заглавии хороший НЧ запрос, и в поясняющем тексте тоже)


Сразу даже и не понятно, что это чужеродный сайт поселился на моем сайте. Работает все так же, как если бы вы зашли на родной сервис. И так можно вставить практически любой сайт в сайт, единственное условие — АДАПТИВНОСТЬ первого, иначе будет неудобно пользоваться. Хотя, допускаю, что это можно как то решить.

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

Как вставить сайт в сайт за 1 минуту?

Так как вставить сайт в сайт? Все просто, держите это маленький код:

<iframe src="https://tinypng.com/" name="iframe" scrolling="auto"> </iframe>

Теперь создаете страницу и в режиме html вставляете этот код, заменив мой url на свой.

Пояснения для тех, кто не в теме: width — это ширина, нужно выставить ширину вашего шаблона, height — это высота, тут нужно подбирать оптимально, чтобы не показывать лишнего, но при этом и не урезать функционал.

Я сегодня сделал еще одну подобную страницу — дешифратор ссылок, долго искал сервис и до сих пор не уверен, что это лучший.

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

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

Как сделать iframe адаптивным?

Вот какой метод можно использовать в этом случае:

<div>
 <iframe src="//www.youtube.com/channel/UCuwruYz1tbwxgsyKTWtVgpQ?rel=0" allowfullscreen></iframe>
 </div>
.video {
 height: 0;
 position: relative;
 padding-bottom: 56.25%;
 }
 .video iframe {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 }

Как создать сайт


Узнайте, как создать адаптивный веб-сайт, который будет работать на всех устройствах, ПК, ноутбук, планшет и телефон.


Создание веб-сайта с нуля


A «Эскизный план»

Перед созданием веб-сайта может быть целесообразно нарисовать черновик макета страницы:

Панель навигации

Боковое содержание

Какой-то текст какой-то текст ..

Основное содержание

Какой-то текст какой-то текст..

Какой-то текст какой-то текст ..

Какой-то текст какой-то текст ..

Нижний колонтитул


Первый шаг - базовая HTML-страница

HTML - это стандартный язык разметки для создания веб-сайтов, а CSS - это язык, описывающий стиль HTML-документа. Мы объединим HTML и CSS, чтобы создать простую веб-страницу.

Пример




Название страницы



кузов {
семейство шрифтов: Arial, Helvetica, sans-serif;
}

Мой веб-сайт


Веб-сайт, созданный мной.


Попробуй сам "

Объяснение примера